5à7

by gwenaelhagenmuller

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=geometry,places&amp;ext=.js"></script>
<div id="status"></div>
<div id="map_canvas" style="border: 2px solid #3872ac;"></div>

CSS

html, body, #map_canvas {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px
}

JavaScript

var map;

function initialize() {
    var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
        center: new google.maps.LatLng(37.4419, -122.1419),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    window.map = map;
    
    var currentDate = (new Date()).valueOf().toString();
    var random = Math.random().toString();
    //console.log(currentDate + random);
    
    google.maps.event.addListener(window.map.data,'addfeature', function() {
        	console.log("here");
          window.map.data.forEach(function(feature) {console.log(feature);});
        });
        
    window.map.data.addListener('mouseover', function(event) {
         console.log(event.feature);
        });

    window.kmlLayer = new google.maps.KmlLayer({
        url:"https://www.google.com/maps/d/kml?mid=1Pxl1LtCP8OAUwbCMo0968CGMVY89Ty0d&forceUpdate=" + currentDate + random,
        map:map
    });
    google.maps.event.addListener(window.kmlLayer,'status_changed', function() {
        document.getElementById('status').innerHTML = kmlLayer.getStatus();
        
        
        
        /*for(KmlContainer container : window.kmlLayer.getContainers()){
            for(KmlContainer nestedContainer : container.getContainers()){
                for(KmlPlacemark placemark : nestedContainer.getPlacemarks()){
                    Log.i("MTAG", placemark.getStyleId());
                }
            }
        }*/
    });
}
google.maps.event.addDomListener(window, "load", initialize);