Google Maps API zeigt keine ICONS an

Question

Perfekt!

Diese Websites werden die Symbole nicht bevölkern auf den Google Maps ich eine API hinzugefügt haben, um sicherzustellen, dass es der Fall ist,

http://www.laketonopahliving.com/community

Aber diese Website hat und nicht über eine api:

http://www.1001melroseapts.com/community

Was benötige ich einige die oben genannte Link Karte zu tun, wird die untere Link Karte aus?

Danke!

Answer 1

Sie benötigen ein Array von Markern, die Sie der Karte hinzufügen können.

Idealerweise werden die Markerpositionen zu einem DB hinzugefügt, wo Sie den Breiten- und Längengrad für jeden Markerpunkt speichern können, da Google die Breiten- und Längengrade verwendet, um die Marker auf der Karte zu platzieren.

Also, wenn Sie eine Reihe von Orten wie der hatte folgende:

var locations = [ 
    {lat: 38.1234324, lng: 78.123234, name: "Test 1", id:1}, 
    {lat: 39.1234324, lng: 79.123234, name: "Test 2", id:2}, 
    {lat: 40.1234324, lng: 80.123234, name: "Test 3", id:3}, 
    {lat: 41.1234324, lng: 81.123234, name: "Test 4", id:4} 
] 

Sie würden dann die Schleife über das Array und fügen Sie die Markierungen auf der Karte mit etwas wie folgt aus:

$.each(locations, function(idx, location) { 
    new google.maps.Marker({ 
      position : new google.maps.LatLng(location.lat, location.lng), 
      title: location.name, 
      map: map //map is the map object instance 
    }); 
});