2017-05-12 11 views
0

私は助けが必要です。私は、私がajax呼び出しを使ってlong latを返すGoogleマップを持っています - 成功した場合、配列を作成し、その配列にPHPの結果を渡しました。私はその後、Googleマップをインスタンス化し、地図上にマーカーを表示するのに疲れました。私はエラーがなく、私は私のAjaxが送られてきたのを見ることができます。なぜ私のマーカーが表示されないのかについての助けが大いにありがたいです。Googleマップで配列のマーカーが表示されない

success: function (data) { 
     alert(data); 
     var result = $.parseJSON(data); 
     console.log(result); 
     var test1 = map_data.map; //This creates a instanc of google maps 
     var location_array = []; 
     var tech_loc = result['Success'][0].length; 
     for(var i=0; i < tech_loc; i++){ 
      location_array.push(
       { 
        "lat": result['Success'][0][i][0], 
        "lng": result['Success'][0][i][1] 
       }); 
     } console.log(JSON.stringify(location_array)); 

     var marker = new google.maps.Marker({ //This places a marker on the map 
      position: location_array, 
      map: test1 
     }); 

enter image description here

+0

あなたは、配列(そう複数の場所)に場所を追加し、アレイ内の各場所のマーカーを作成するには、Googleを期待していますか?マーカーはマーカの束ではなくマーカーですので、ループ内に各マーカーを追加してください –

+0

はいlocation_arrayにlatとlongのリストを渡しています。そう、はい、毎日その配列に約32のアイテムがあります。はい、配列内の各項目のマーカーを作成するにはgoogleが必要です。あなたは何を意味するのかを前もって投稿できますか?ループ内の各マーカーを追加して – ZelasRoas

+0

ループ内の各位置のマーカーを作成します - 'new google.maps.Marker'は*単一*マーカーを作成します(そうでなければ'new google.maps.Markers'と呼ばれる:p) –

答えて

0

個々のマーカーを追加します。 このリンクを参照してください。 Multiple Markers

// Loop through our array of markers & place each one on the map 
for(i = 0; i < markers.length; i++) { 
    var position = new google.maps.LatLng(markers[i][1], markers[i][2]); 
    bounds.extend(position); 
    marker = new google.maps.Marker({ 
     position: position, 
     map: map, 
     title: markers[i][0] 
    }); 

    // Automatically center the map fitting all markers on the screen 
    map.fitBounds(bounds); 
} 
関連する問題