KML Overlay Testing

by Brent Coder

HTML

<title>Google KML Example</title>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD6_PV2yqm85bCnxYns6DZRYMmIYqEfd4g&callback=initMap" async defer></script>
<body>
  <div id="map" />
</body>

CSS

#map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
  html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }

JavaScript

var map;
function initMap() {
    // Our KML URL, grabbed from "Export"

    
    // Intialize our map
    // Add our KML boundaries
 
    
   map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 44.6510709, lng: -63.582687},
    zoom: 8,
  });
    
     var ctaLayer = new google.maps.KmlLayer({
          url: 'https://www.eastlink.ca/Portals/0/Wireless/CoverageMaps/Coverage_PEI_VoLTE_170403_v1.kmz',
          preserveViewport:true,
          map: map
          
        });
      
};