爲什麼我無法將數組數據從ajax傳遞到谷歌地圖

-1

我有一個谷歌地圖，我想傳遞一個動態返回的數據數組，以便將標記添加到地圖中，但是當我這樣做時，標記不會工作。它只適用於將數據變量傳遞給函數add_markers（）的情況。爲什麼？以及如何解決這個問題？爲什麼我無法將數組數據從ajax傳遞到谷歌地圖

function RelatedLocationAjax() { 
      var lat = $("#lat").val(); 
      var lng = $("#lng").val(); 
      var srv = $("#ServiceId").val(); 
      var data = [ 
       ["john","Do this service 1 <a href=''>more</a>", "29.957051,30.914529", "http://maps.google.com/mapfiles/ms/icons/blue.png"], 
       ["peter", "Do this service 1 <a href=''>more</a>", "29.956051,30.913529", "http://maps.google.com/mapfiles/ms/icons/green.png"], 
       ["sara","Do this service 1 <a href=''>more</a>","29.955051,30.912529", "http://maps.google.com/mapfiles/ms/icons/red.png"], 
      ]; 
      $.ajax({ 
       type: "POST", 
       url: "<?= base_url() ?>services/closest_locations", 
       data:"data="+ '{ "latitude":"'+ lat+'", "longitude": "'+lng+'", "ServiceId": "'+srv+'" }', 
       success:function(data) { 
// here i pass the data array to add_markers and doesn't work 
        add_markers(data); 
       } 
      }); 
     } 

     function add_markers(data){ 
     var marker, i; 
     var bounds = new google.maps.LatLngBounds(); 
     var infowindow = new google.maps.InfoWindow(); 

     document.getElementById('info').innerHTML = "found " + data.length + " data<br>"; 
     for (i = 0; i < data.length; i++) { 
      var coordStr = data[i][2]; 
      var coords = coordStr.split(","); 
      var pt = new google.maps.LatLng(parseFloat(coords[0]), parseFloat(coords[1])); 
      bounds.extend(pt); 
      marker = new google.maps.Marker({ 
       position: pt, 
       map: map, 
       icon: data[i][3], 
       address: data[i][1], 
       title: data[i][0], 
       html: data[i][0] + "<br>" + data[i][1] 
      }); 
      markers.push(marker); 
      google.maps.event.addListener(marker, 'click', (function (marker, i) { 
       return function() { 
        infowindow.setContent(marker.html); 
        infowindow.open(map, marker); 
       } 
      }) 
      (marker, i)); 
     } 
     map.fitBounds(bounds); 
    }

來源

2017-03-01 user1080247

因爲從AJAX的數據返回不是數組它是響應對象

來源

2017-03-01 10:22:41

爲什麼我無法將數組數據從ajax傳遞到谷歌地圖

回答

相關問題