Google maps api 3 如何在谷歌地图上显示所有标记(API v3)
我想在谷歌地图上显示所有标记,但循环只显示最后一条记录。你怎么能修好它Google maps api 3 如何在谷歌地图上显示所有标记(API v3),google-maps-api-3,Google Maps Api 3,我想在谷歌地图上显示所有标记,但循环只显示最后一条记录。你怎么能修好它 function initMap() { for (i = 0; i < markers.length ; i++) { var location = {lat: markers[i][0], lng: markers[i][1]}; var map = new google.maps.Map(document.getElementById('map'), {
function initMap() {
for (i = 0; i < markers.length ; i++) {
var location = {lat: markers[i][0], lng: markers[i][1]};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: location
});
var marker = new google.maps.Marker({
position: location,
// prevent the user move the marker
draggable: false,
map: map
});
}
}
函数initMap(){
对于(i=0;i
您每次都在循环中创建贴图。因此,只能看到最后一个标记。将创建贴图的代码移到循环之外
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: {lat: markers[0][0], lng: markers[0][1]}
});
for (i = 0; i < markers.length ; i++) {
var location = {lat: markers[i][0], lng: markers[i][1]};
var marker = new google.maps.Marker({
position: location,
// prevent the user move the marker
draggable: false,
map: map
});
}
}
函数initMap(){
var map=new google.maps.map(document.getElementById('map'){
缩放:10,
中心:{lat:markers[0][0],lng:markers[0][1]}
});
对于(i=0;i
如果希望放大地图以查看所有标记,则可以使用该类