2017-02-15 4 views
-2

私は複数のlatlngを持っています。Googleマップで複数の緯度と経度をプロットする

var latlngs = [ 
    {lat:25.774252,lng:-80.190262}, 
    {lat:18.466465,lng:-66.118292}, 
    {lat:32.321384,lng:-64.757370}, 
    {lat:25.774252,lng:-80.190262}, 
    ]; 

実は、それはAJAXの応答を使用してデータベースから取得された:私はそれらをGoogleマップ上でプロットしたいと毎回私は、データベースからの緯度と経度の1つを変更

$.ajax({ 
    url: "getLatlng.php", 
    type: 'post', 
    dataType: 'json', 
    success: function(response) { 
    for (i = 0; i < response.length; i++) { 
     // what should be the code here for plotting them on google maps 
    } 
    }, 
    error: function(xhr){ 
    console.log(xhr); 
    } 
}); 

を、マーカーでもあるべきsetIntervalを使用してページをリロードすることなく変更されました。これは実際にGPSトラッキングのためです。私は助けが必要です。 何か助けていただければ幸いです。

+2

サーバから新しい情報を取得するたびに、マーカー 'null' .setMを設定するだけですマップ上で再び '.setMap()'を実行します。両方の操作方法はここで100倍以上説明されています.Googleのドックは本当に明快です。 –

+0

[Documentation](https://developers.google.com/maps/documentation/javascript/markers)をご覧ください。あなたがしなければならないことは、地図上のすべてのマーカーをクリアし、毎回それらを再び追加することです。 – George

+0

Googleマップで複数の緯度をプロットするサンプルがありますか? – JSmith

答えて

1
var marker=[];  

$.ajax({ 
     url: "getLatlng.php", 
     type: 'post', 
     dataType: 'json', 
     success: function(response) { 
     for (i = 0; i < response.length; i++) { 
       marker = new google.maps.Marker({ 
       position: new google.maps.LatLng(lat, long), 
       map: map, 
       address: "Something here", 
       icon: 'http://maps.google.com/mapfiles/ms/icons/red-dot.png' 
      }); 
       google.maps.event.addListener(marker, 'click', function() { 
        // Update Info Window Here 
      }); 
     } 
     }, 
     error: function(xhr){ 
     console.log(xhr); 
     } 
    }); 

は、ここでマーカー

function DeleteMarkers() { 
    for (var i = 0; i < marker.length; i++) { 
     marker[i].setMap(null); 
    } 
    marker = []; 
}; 
を除去する機能がありますが、AJAX呼び出し 前にマップとマーカーを初期化してきた希望と最初の地図

からすべてのマーカーを削除するには、あなたが持っているマーカーを更新します

Ajaxコールの前に関数を呼び出す

+0

はい、ありがとうございます。しかし、setMap(null)とsetMap(map)をもう一度行うにはどうすればよいですか?ページをリロードせずにマーカも更新されます – JSmith

+0

マーカ変数はどこで使用されましたか?私は、Googleマップとマーカーでプロットするために 'マーカー'変数を使用するので、それは使用されていなかったと思う – JSmith

+0

それは今更新されて申し訳ありません –

関連する問題