JSFiddle - React, Tailwind, and code Playground

by Wolf

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<div id="map-canvas" style="width:100%; height:100%"></div>

CSS

html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
	  a{
	  white-space:nowrap;
	  }

JavaScript

var corners = new google.maps.LatLng(60.16985, 24.93837);
  var mapOptions = {
    zoom: 12,
    center: corners
  }

  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  var murl = "https://www.google.com/maps/d/kml?mid=1Rzfcs8Ycojy7ul6aHbIvmxT-f7jkp5xy&forwq1";
  var murl2 = 'http://geo.bergenheim.net/35824643.kml'
  ctaLayer = new google.maps.KmlLayer({
    url: murl,
	suppressInfoWindows: false,
  preserveViewport: true
  });
  ctaLayer2 = new google.maps.KmlLayer({
    url: murl2,
	suppressInfoWindows: false,
  preserveViewport: true
  });

  //ctaLayer2.setMap(map);
  ctaLayer.setMap(map);