我正尝试通过访问数据库中指定的某些经度和纬度值在googlemaps地图上放置不同的标记。
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: { lat: 39.397, lng: -8 },
zoom: 7
});
$get("@Url.Action("GetAllLocation", "Home")", function (data, '''status) {
var marker = [];
var contentString = [];
var infowindow = [];
for (var i = 0; i < data.lenght; i++) {
// The marker, positioned at Uluru
marker[i] = new google.maps.Marker({
//a posição será de acordo com que é recebido pelo '''android
position: { lat: data[i].Latitude, lng: '''data[i].Longitude },
map: map
});
contentString[i] = '<div id="content">' +
'<div id="siteNotice">' +
'</div>' +
'<div id="bodyContent">' +
'<p><b>Avaliação da Ocorrência:</b></p>' +
'<p>Dispositivo:'+ data[i].Dispositivo+'</p>'+
'<p>Fotografias:</p>' +
'<p>Avaliação:</p>' +
'<p>Data:'+ data[i].DataOcorrencia+'</p>' +
'</div>';
infowindow[i] = new google.maps.InfoWindow({
content: contentString[i]
});
marker[i].addListener('click', function () {
infowindow[i].open(map, marker);
});
}
})
}
</script>
</div>
我只需要获取我在数据库中指定的纬度和经度,并将其显示在地图上及其相应的标记即可。
答案 0 :(得分:0)
这里似乎存在一些语法错误(或粘贴了一些错误的代码),请尝试以下操作:
var markers = [];
for (var i = 0; i < data.lenght; i++) {
// The marker, positioned at Uluru
var marker = new google.maps.Marker({
position: { lat: data[i].Latitude, lng: data[i]. Longitude },
map: map
});
markers.push(marker);
很明显,经度属性的拼写错误,并且不需要多余的引号。