Javascript 谷歌地图-未显示标记
这个问题与这里的其他问题非常相似,但我无法通过全部阅读来解决它 我正在创建一个带有自定义标记和信息窗口的地图。问题是,当Javascript 谷歌地图-未显示标记,javascript,google-maps,google-maps-api-3,google-maps-markers,infowindow,Javascript,Google Maps,Google Maps Api 3,Google Maps Markers,Infowindow,这个问题与这里的其他问题非常相似,但我无法通过全部阅读来解决它 我正在创建一个带有自定义标记和信息窗口的地图。问题是,当fitBounds功能正常工作时,标记不会显示在地图上 你能帮帮我吗,我错过了什么 我的代码: var home_page_map = null; function RenderHomePageMap(locations) { var home_page_bounds = new google.maps.LatLngBounds(); home_page_map
fitBounds
功能正常工作时,标记不会显示在地图上
你能帮帮我吗,我错过了什么
我的代码:
var home_page_map = null;
function RenderHomePageMap(locations)
{
var home_page_bounds = new google.maps.LatLngBounds();
home_page_map = new google.maps.Map(document.getElementById('home-location-map'), {
center: {lat: 0.00, lng: 0.00},
zoom: 8
});
google.maps.event.addListenerOnce(home_page_map, 'idle', function(){
for(var i = 0; i < locations.length; i++)
{
if(locations[i]['coords']['longitude'] != '' && locations[i]['coords']['latitude'] != '')
{
var coords = new google.maps.LatLng(
parseFloat(locations[i]['coords']['latitude']),
parseFloat(locations[i]['coords']['longitude'])
);
var marker = new google.maps.Marker({
map: home_page_map,
position: coords,
//icon: ROOT_PATH + 'spa/img/mapmarker.png',
title: locations[i]['name'],
clickable: true
});
home_page_bounds.extend(marker.getPosition());
marker.info = new google.maps.InfoWindow({
content: ' \
<h4 attr-id="'+locations[i]['id']+'">'+locations[i]['name']+'</h4> \
<p>'+locations[i]['country']+', '+locations[i]['city']+', '+locations[i]['address']+'</p> \
'
});
google.maps.event.addListener(marker, 'click', function() {
marker.info.open(home_page_map, marker);
});
}
}
home_page_map.fitBounds(home_page_bounds);
});
}
var home\u page\u map=null;
函数RenderHomePageMap(位置)
{
var home_page_bounds=new google.maps.LatLngBounds();
home\u page\u map=new google.maps.map(document.getElementById('home-location-map'){
中心:{lat:0.00,lng:0.00},
缩放:8
});
google.maps.event.addListenerOnce(主页\u地图,'idle',函数(){
对于(变量i=0;i\
'
});
google.maps.event.addListener(标记'click',函数(){
marker.info.open(主页\地图,marker);
});
}
}
主页\地图\边界(主页\边界);
});
}
icon属性(当前未设置)是否也会发生这种情况?如果将标记放置在事件idle
之外,是否能够查看标记?使用此选项设置地图的中心home\u page\u map.setCenter(home\u page\u bounds.getCenter())
@Dr.Molle Yes确实如此。@AvantikaSaini没有,我尝试过,但我需要该事件来确保映射已加载,这样标记将连接到现有映射。是否也会发生(当前未设置)icon属性?如果将标记放置在事件空闲之外,是否可以查看标记?使用此选项设置地图的中心home\u page\u map.setCenter(home\u page\u bounds.getCenter())
@Dr.Molle是的。@AvantikaSaini否,我尝试过,但我需要该事件来确保地图已加载,这样标记将连接到现有地图。