Javascript 谷歌地图标记错误
试图显示多个标记,但不起作用 (3) InvalidValueError:setTitle:不是字符串 以及这些错误的多个 InvalidValueError:setCenter:不是属性lat:NaN中具有有限坐标的LatLng或LatLngLiteral:不是可接受的值Javascript 谷歌地图标记错误,javascript,google-maps-api-3,google-maps-markers,Javascript,Google Maps Api 3,Google Maps Markers,试图显示多个标记,但不起作用 (3) InvalidValueError:setTitle:不是字符串 以及这些错误的多个 InvalidValueError:setCenter:不是属性lat:NaN中具有有限坐标的LatLng或LatLngLiteral:不是可接受的值 <script> let cord = [] $(`.cord`).each(( i , el) => { cord[i] = {
<script>
let cord = []
$(`.cord`).each(( i , el) => {
cord[i] = {
'latitude': Number($(el).data('latitude')),
'longitude': Number($(el).data('longitude')),
}
});
// Initialize and add the map
function initMap() {
let uluru;
uluru = { lat: -33, lng: 151 };
// The map, centered at Uluru
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 4,
center: uluru,
});
var i = 0;
while(Object.values(cord).length>i){
// The marker, positioned at Uluru
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 4,
center: uluru,
});
uluru = { lat: cord[i]['latitude'], lng: cord[i]['longitude'] };
const marker = new google.maps.Marker({
position: uluru,
map: map,
title: i,
});
i++;
} //loop
} //map
</script>
让线=[]
$(`.cord`)。每个((i,el)=>{
绳索[i]={
“纬度”:数字($(el).data('latitude'),
“经度”:数字($(el).data(‘经度’),
}
});
//初始化并添加映射
函数initMap(){
让乌卢鲁;
乌卢鲁={lat:-33,lng:151};
//以乌鲁鲁为中心的地图
const map=new google.maps.map(document.getElementById(“map”){
缩放:4,
中心:乌卢鲁,
});
var i=0;
while(Object.values(cord.length>i){
//位于乌卢鲁的标记
const map=new google.maps.map(document.getElementById(“map”){
缩放:4,
中心:乌卢鲁,
});
乌鲁鲁={lat:cord[i]['纬度'],lng:cord[i]['经度']};
const marker=new google.maps.marker({
职位:乌卢鲁,
地图:地图,
标题:我,,
});
i++;
}//循环
}//映射
i
不是字符串,而是数字。要修复错误,InvalidValueError:setTitle:不是字符串
,请将其更改为一:
const marker = new google.maps.Marker({
position: uluru,
map: map,
title: "" + i, // Change `i` to a string
});
请在一个问题中只提出一个问题,并提供一个能证明该问题的答案。看见