我想在 foreach 回圈內更改每個地圖元素的坐標值。例如，對于第一個地圖元素，我想分配坐標 [0] 等等。
function initMap() {
var coordinates = [
{
"lat": 123,
"lng": 123
},
{
"lat": 123,
"lng": 123
},
{
"lat": 123,
"lng": 123
}
]
var mapElements = document.querySelectorAll('.map');
mapElements.forEach((element) => {
const uluru = { lat:coordinates[0].lat, lng:coordinates[0].lng};// how do I dynamically change values here
console.log(uluru);
const map = new google.maps.Map(element, {
zoom: 4,
center: uluru,
});
const marker = new google.maps.Marker({
position: uluru,
map: map,
});
});
}
uj5u.com熱心網友回復：
考慮這個例子。
function initMap() {
var coordinates = [{
"lat": 123,
"lng": 123
},
{
"lat": 123,
"lng": 123
},
{
"lat": 123,
"lng": 123
}
]
var mapElements = document.querySelectorAll('.map');
mapElements.forEach((element, index) => {
const uluru = {
lat: coordinates[index].lat,
lng: coordinates[index].lng
};
console.log(uluru);
const map = new google.maps.Map(element, {
zoom: 4,
center: uluru,
});
const marker = new google.maps.Marker({
position: uluru,
map: map,
});
});
}
這利用了index. 查看更多：https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
您也可以自己創建索引變數。
function initMap() {
var coordinates = [{
"lat": 123,
"lng": 123
},
{
"lat": 123,
"lng": 123
},
{
"lat": 123,
"lng": 123
}
]
var mapElements = document.querySelectorAll('.map');
var i = 0;
mapElements.forEach((element, index) => {
const uluru = {
lat: coordinates[i].lat,
lng: coordinates[i].lng
};
i ;
console.log(uluru);
const map = new google.maps.Map(element, {
zoom: 4,
center: uluru,
});
const marker = new google.maps.Marker({
position: uluru,
map: map,
});
});
}
這兩個都需要注意，因為forEach回圈的元素可能比陣列多。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/364818.html
標籤：javascript 查询 数组 谷歌地图 foreach