Socrata Example

by Brent Coder

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
<title>Google KML Example</title>

<body>
    <div id="map" /> 
</body>

CSS

#map { height: 480px; width: 640px }

JavaScript

$(window).load(function() {
    // Our KML URL, grabbed from "Export"
    var kml_url = "https://www.eastlink.ca/Portals/0/Wireless/CoverageMaps/Coverage_PEI_VoLTE_170403_v1.kmz?method=export&format=KML";    
    
    // Intialize our map
    var center = new google.maps.LatLng(44.6510709,-63.582687);
    var mapOptions = {
      zoom: 13,
      center: center
    }
    var map = new google.maps.Map(document.getElementById("map"), mapOptions);
    
    // Add our KML boundaries
    var laBoundaries = new google.maps.KmlLayer({
        url: kml_url,
        map: map
    });
});