Google Maps Test
HTML
<script src="http://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<div id="map-canvas"></div>
CSS
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
JavaScript
var mankato = new google.maps.LatLng(44.165513, -94.00515);
var mapOptions = { zoom: 13, center: mankato }
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
// This program-generated KML does not work
/*var ctaLayer = new google.maps.KmlLayer({
url: 'http://api.mankatomn.gov/api/engineeringprojectskml'
});*/
/// This is the saved output from the above application.
var ctaLayer = new google.maps.KmlLayer({
url: 'https://dl.dropboxusercontent.com/u/2732434/Test.kml',
suppressInfoWindows: true
});
/// This program-generated KML works
/*var ctaLayer = new google.maps.KmlLayer({
url: 'http://www.mankato-mn.gov/Maps/StreetConstruction/streetconstruction.ashx?id=122'
});*/
alert('KML URL: ' + ctaLayer.getUrl());
alert('KML load: ' + ctaLayer.getStatus());
alert('KML metadata: ' + ctaLayer.getMetadata());
ctaLayer.setMap(map);