我有一个html表,其中包含10个Google Map容器
下面是创建地图对象的js函数
函数采用地图的纬度和经度+ div元素来插入地图。
function GetMap(lat,lng,number)
{
var show_in=document.getElementsByClassName("map_conteiner")[number];
var mapOptions = {
center: new google.maps.LatLng(lat, lng),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(show_in,
mapOptions);
var marker = new google.maps.Marker({
position:new google.maps.LatLng(lat,lng),
map: map,
title:"Hotel"
});
$(show_in).fadeIn();
}
问题是仅在第一次调用此函数时才能正确显示地图
(无论我从哪个div开始)
触发调用后,此功能将始终呈现扭曲的地图(如您在附图中所见)
你应该trigger
在resize
地图中-eventcomplete
的-callback$.fadeIn()
此外,您最好为每个map_conteiner
调用以及随后的调用GetMap
仅创建1个maps-instance ,仅设置center
现有地图的新地图和position
标记的新地图。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句