Google Maps JavaScript API: Displaying KML files in your Maps application

Fuente

[*Limitaciones Gratis hasta exceder 25 000 cargas de mapas por día durante 90 días consecutivos USD 0,50 / 1000 cargas de mapas adicionales por encima de 25 000 por día después de alcanzar la carga de mapa 25 000 / límite de uso de 90 días, hasta 1 000 000 diariamente. Más info]

Obtener una clave API de Google

Lo primer: obtener un clave de API de Google en la consola para desarrolladores: Consola de developers


Displaying KML files in your Maps application

Usa datos geográgicos en formato KML

Página para generar KML data: Google My Maps


function initMaps() {
              //Map4 KML
    var src = 'http://jesidea.com/pruebas/embalses.kml';

    var latlng = new google.maps.LatLng(40.41140480914068, -3.69140625);
    var mapDiv4 = document.getElementById('map_canvas_4');
    var myOptions4 ={
            center: latlng,
            zoom: 10,
            mapTypeId: google.maps.MapTypeId.TERRAIN
            };
    var map4 = new google.maps.Map(mapDiv4, myOptions4);
    loadKmlLayer(src, map4);

}

/**
* Adds a KMLLayer based on the URL passed. Clicking on a marker
* results in the balloon content being loaded into the right-hand div.
* @param {string} src A URL for a KML file.
*/
function loadKmlLayer(src, map) {
    var kmlLayer = new google.maps.KmlLayer(src, {
        suppressInfoWindows: false,
        preserveViewport: false,
        map: map
    });
    google.maps.event.addListener(kmlLayer, 'click', function(event) {
        var content = event.featureData.infoWindowHtml;
        var testimonial = document.getElementById('capture');
        testimonial.innerHTML = content;
    });
}