從數據庫創建Ajax結果的Javascript數組

我有一張地圖，我試圖從數據庫中拉出標記點，然後創建一個數組，然後使用該數組繪製地圖上的每個緯度和經度點。現在我在這裏嘗試了一些東西，但是，當我測試它時，我只在地圖上看到一點，而在亞洲則是這樣，實際上經度和緯度都指向賓夕法尼亞州。我認爲它只是將所有信息打包到數組中並試圖進行繪圖，但我不確定。真的卡在這裏任何幫助，將不勝感激。從數據庫創建Ajax結果的Javascript數組

<script type="text/javascript"> 
    $(function() { 
     var arraddress = new Array(); 
     $.ajax({ 
      url: 'http://example.com/22/www/ba.php', 
      data: '', 
      dataType: 'json', 
      success: function (data) { 
       $.each(data, function (key, val) { 

        var lng = val['lng']; 
        var lat = val['lat']; 
        var id = val['id']; 
        var state = val['state']; 

        arraddress[key] = lat + ":" + lng + ":" + state + ":" + id; 

        //Set up the map 
        var APIKEY = "ed24c9065bb55c1090d3d76e7ab8577e"; 
        var cloudmade = new CM.Tiles.CloudMade.Web({ 
         key: APIKEY 
        }); 
        var map = new CM.Map('mapdiv', cloudmade); 
        map.setCenter(new CM.LatLng(39.9, -98.5), 4); 

        //Add the markers from the array 
        var arLen = arraddress.length; 
        for (var i = 0, len = arLen; i < len; ++i) { 
         var onMarker = arraddress[i]; 
         var dat = arraddress[i].split(":"); 
         var mlat = dat[0]; 
         var mlon = dat[1]; 
         var mName = dat[2]; 

         var thisMarker = new CM.Marker(new CM.LatLng(mlon, mlat), { 
          title: state 
         }) 
         map.addOverlay(thisMarker); 
        } 
       }) 

      } 
     }); 
    }); 

    } 
</script>

來源

2012-03-28 Bill paxton

從Cloud Made documentation

構造
CM.LatLng（緯度，經度，無界？）

說明

創建一個對象CM.LatLng（通知那緯度第一）。默認情況下，經度在-180到180之間被包裹爲，並且緯度被限制在〜-85和之間85.如果無界設置爲true，它會保留lat./long。我

緯度至上的構造函數，但你有編碼：

new CM.LatLng(mlon, mlat)

這可能是南轅北轍。

此外，您在每次調用時都會執行大量設置代碼，這將對數組中的每個元素進行觸發。這是有道理的做你的「設置地圖」代碼後

success: function (data) {

但在此之前

$.each(data, function (key, val) {

編輯

再次在你的代碼看，如果我讀它的權利，你可以將你的成功功能剝離到

  success: function (data) { 

       var APIKEY = "ANONYMISED_KEY"; 
       var cloudmade = new CM.Tiles.CloudMade.Web({ 
         key: APIKEY 
       }); 
       var map = new CM.Map('mapdiv', cloudmade); 
       map.setCenter(new CM.LatLng(39.9, -98.5), 4); 

       $.each(data, function (key, val) { 

        map.addOverlay( 
          new CM.Marker(new CM.LatLng(val['lng'], val['lat']), { 
          title: val['state'] 
         })); 

       }) 

      }

在發佈代碼時，您可能想匿名化您的API密鑰。

來源

2012-03-28 18:06:49 AlexC

我想你在交換的緯度和經度PARAMS：

var thisMarker = new CM.Marker(new CM.LatLng(mlon, mlat)

https://developers.google.com/maps/documentation/javascript/reference?hl=de#LatLng

來源

2012-03-28 18:10:03 Zeus

從數據庫創建Ajax結果的Javascript數組

回答

相關問題