Tengo que añadir varios marcadores en un mapa de google, pero los datos están en un externas archivo json.

Por el momento estoy tratando de ejecutar usando jquery getJSON. Pero no funcionará en absoluto, y la consola vuelve no hay errores!

    google.maps.event.addDomListener(window, 'load', initialize);



    function initialize() {

        var map_canvas = document.getElementById('map1'); 


        var map_options = {
            center: new google.maps.LatLng(44.5403, -78.5463), 
            zoom: 8, 
            mapTypeId: google.maps.MapTypeId.ROADMAP 
        };

        var map = new google.maps.Map(map_canvas, map_options); 



        $.getJSON('map_points.json', function(data) { 
            $.each( data.points, function(i, value) {
            var myLatlng =  new google.maps.LatLng(value.lat, value.lon);
            alert(myLatlng);
            var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title:"Hello World!"
        });

            });


    });


    } //End initialize()

Y el Json

{

"points":[
    {"id":1,"lat":44.5403,"lon":-79.5463},
    {"id":2,"lat":45.5403,"lon":-78.5463},
    {"id":3,"lat":45.5403,"lon":-76.5463},
    {"id":4,"lat":45.5403,"lon":-77.5463}
]


}
  • $.cada ciclo está funcionando bien?
  • ¿La alerta de darle su LatLng correctamente?
  • No, toda la sección de código no parece funcionar. He añadido una alerta(myLatlng); en varios lugares. Y no de la consola de errores
InformationsquelleAutor | 2014-01-28

Dejar respuesta

Please enter your comment!
Please enter your name here