我是JavaScript和谷歌地圖的新手。我正試圖在我的多個位置之間畫線。 我是按照這個例子進行的。
我的代碼是這樣的
<script type="text/javascript"/span>>
function pinSymbol(color){
return {
path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z'/span>,
fillColor: 顏色。
fillOpacity: 1,
strokeColor: '#000',
strokeWeight: 2,
scale: 2, scale: 2
};
}
$.ajax({
type:'get'/span>,
url:'https://example.com/info.php'。
data:{
},
dataType:'json'。
success:function(result){
var UserLatitude;
var UserLongitude;
var color = "red";
var last ;
var MyData = result['Result']。
var InformationArray = [] 。
var LocationArray = [] 。
for(var i=0; i<MyData.length; i ){
var UserLatitude = parseFloat(MyData[i]['UserLatitude'])。
var UserLongitude = parseFloat(MyData[i]['UserLongitude'])。
var LastTrackedOn = MyData[i]['LastTrackedOn'/span>] 。
var InSchoolLocation = MyData[i]['InSchoolLocation'] 。
InformationArray. push([ LastTrackedOn, UserLatitude, UserLongitude, InSchoolLocation ] )。)
LocationArray.push([UserLatitude,UserLongitude] )。)
}
console.log(InformationArray)。
console.log(LocationArray)。
var map = new google.maps. Map(document.getElementById('map'/span>), {
zoom: 12,
center: new google.maps.LatLng(21.947275, 71.720822222)
});
var infowindow = new google.maps.InfoWindow()。
var marker, i;
for (i = 0; i < InformationArray.length; i ) {
var color = "red";
if(InformationArray[i][3] == true){
color= "green"。
}
marker = new google.maps.Marker({
position: new google.maps. LatLng(LocationArray[i][0] 。LocationArray[i][1])。)
map: map,
icon: pinSymbol(color)
});
google.maps.event。 addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow。 setContent("Tracked On: " InformationArray[i][0] ")。
infowindow.open(map, marker)。
}
})(marker, i))。
}
var line= new google.maps.Polyline({
path: LocationArray,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2 setMap(map)。
}
});
</script>
它顯示的地方很好,沒有問題。它只是沒有畫線。我得到的錯誤如下
InvalidValueError: at index 0: 不是一個LatLng或LatLngLiteral with有限的coordinates。in property lat: not a number
我不知道我應該怎么做才能解決這個問題。如果這里有專家能幫助我,請告訴我。謝謝!
uj5u.com熱心網友回復:
你應該建立一個適當的LatLng Obj
。LocationArray.push(new google. maps.LatLng(UserLatitude, UserLongitude) ) 。
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/328630.html
標籤:
