Google Maps APIはアイコンを表示しません

Question

完璧！私はそれがないことを確認するためにAPIを追加しましたGoogleマップ上のアイコンを移入しません

これらのウェブサイト、

http://www.laketonopahliving.com/community

しかし、これらのウェブサイトの機能とAPIを持っていません。

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

私はいくつか上記のリンクマップは下のリンクマップのようになります行うには何が必要ですか？

ありがとうございます！

Answer 1

マップに追加できるマーカーの配列が必要です。

理想的には、マーカの位置はデータベースに追加され、各マーカポイントの緯度と経度を保存することができます。緯度と経度はGoogleがマーカをマップに配置するために使用するものです。その後、

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} 
] 

あなたは考え配列をループして、このようなもので、マップにマーカーを追加します：だから

次のような場所の配列を持っていた場合

$.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 
    }); 
});