leafletjs - Polyline數組推送錯誤「Uncaught TypeError：無法讀取屬性'undefined'的長度'

Question

我對單張js（拾取它大約5小時前）相當新，很棒的小工具。我遇到了一個問題，並在網絡搜索後，我想問問。

我有以下代碼：

$.getJSON('json/data/url', function(data) { 
     var latlngs = []; 
     $.each(data,function(key,value){ 
      latlngs.push([value.lat, value.lon]); 
     }); 
     var polyline = L.polyline(latlngs, polyline_options).addTo(map); 
}); 

Sample JSON: [{"lat":"52.168333333333","lon":"20.967833333333"},{"lat":"52.164","lon":"20.969333333333"}]

不過，我得到以下錯誤：

Uncaught TypeError: Cannot read property 'length' of undefined

我已經做了一些基本的調試像控制檯登錄了var latlngs，它似乎是一個格式正確的數組。

我不知道我做錯了什麼。

Answer 1

您的數據的緯度經度值爲&作爲字符串。他們需要成爲數字。要麼讓他們在數據中的數字，要麼使用parseFloat()將它們轉換爲Javascript中的數字。