marker multipli su mappa non caricati

**stardom** · 23-04-2014, 14:36

scusate cinque minuti, perchè il seguente codice standard per caricare dei markers non me li fa vedere? Nell'html ho il <body onLoad="init"> ed è poi presente la API Key. Il js della mappa è il seguente:

codice:

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

    var markers = [ 
      ['Via Fonteiana', 41.8837781, 12.455300899999997],
      ['Via Ugo Arnaldi', 41.8526032, 12.467613],
      etc.
    ];
    
function init() {
       var mapOptions = {
        zoom: 13,
        center: new google.maps.LatLng(41.9000, 12.5000), // Rome 
        disableDefaultUI: true, // controls disables
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        styles: 
        [{"featureType":"landscape","elementType":"labels","stylers":[{"visibility":"off"}]
        },{"featureType":"transit","elementType":"labels","stylers":[{"visibility":"off"}]
        },{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]
        },{"featureType":"water","elementType":"labels","stylers":[{"visibility":"off"}]
        },{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"stylers":[{"hue":"#00aaff"},{"saturation":-100},{"gamma":2.15},{"lightness":12}]
        },{"featureType":"road","elementType":"labels.text.fill","stylers":[{"visibility":"on"},{"lightness":24}]
        },{"featureType":"road","elementType":"geometry","stylers":[{"lightness":57}]}]
    };

    var mapElement = document.getElementById('map');

     var map = new google.maps.Map(mapElement, mapOptions);
    var infowindow = new google.maps.InfoWindow();
    var marker, i;
    for (i = 0; i < markers.length; i++) {  
        marker = new google.maps.Marker({
            position: new google.maps.LatLng(markers[i][1], markers[i][2]),
            map: map
        });
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
                infowindow.setContent(markers[i][0]);
                infowindow.open(map, marker);
            }
        })(marker, i));
    }    
}

**Vindav** · 24-04-2014, 12:03

codice:

marker = new google.maps.Marker({
   position: new google.maps.LatLng(markers[i][1], markers[i][2]),
   map: map,
   content: markers[i][0]
});

google.maps.event.addListener(marker, 'click', function(){
     infowindow.setContent(this.content);
     infowindow.open(map, this);
});

**stardom** · 24-04-2014, 21:12

grazie per il tentativo, ma sostituendo le tue righe di codice la mappa mi scompare del tutto...

**Vindav** · 25-04-2014, 11:34

avrai copiato male, riposta il codice modificato

**stardom** · 25-04-2014, 11:41

a parte lo styling, la parte di codice finale ora è questa:

codice:

    // Get the HTML DOM element that will contain your map // We are using a div with id="map" seen below in the <body>
    var mapElement = document.getElementById('map');

    // Create the Google Map using out element and options defined above
    var map = new google.maps.Map(mapElement, mapOptions);
    var infowindow = new google.maps.InfoWindow();
    var marker, i;
    for (i = 0; i < markers.length; i++) {  
        marker = new google.maps.Marker({
           position: new google.maps.LatLng(markers[i][1], markers[i][2]),
           map: map,
           content: markers[i][0]
        });
        google.maps.event.addListener(marker, 'click', function(){
             infowindow.setContent(this.content);
             infowindow.open(map, this);
        });
}

**stardom** · 25-04-2014, 13:00

ok, la mappa era scomparsa perchè mi mancava una parentesi graffa alla fine... ora la mappa compare, ma i marker continuano a non essere presenti

firebug mi dice: markers is not defined

for (i = 0; i < markers.length; i++) {

Discussione: marker multipli su mappa non caricati

Strumenti discussione

Ricerca discussione

Visualizza

marker multipli su mappa non caricati

Permessi di invio