我正在组织客户联系我们页面,我需要有2张谷歌地图。
第一张地图是第二张地图的小版本。第二张地图在由第一张照片下方的链接激活的灯箱中打开。
问题是,当我尝试打开它时,大地图出错了。我通常在左上角有一个瓷砖,仅此而已。
您可以在http://test2omniforce.co.uk/node/8找到自己。这是两者之间的某种混淆,因为如果我删除小地图,那么较大的地图就会很好。
任何人都可以帮助我理解为什么并解决这个问题吗?
ps:这是我的大地图代码(小地图代码完全相同,除了map_canvas,它使用map_canvas2)
var myLatlng = new google.maps.LatLng(53.3820845337596, -1.46965489864111);
var myOptions = {
zoom: 15,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel:false
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'we are right here ...'
});
var myLatlng2 = new google.maps.LatLng(53.3820845337596, -1.46965489864111);
marker.setMap(map);
google.maps.event.addListener(marker, 'click', function(){
infowindow.open(map, marker);
});
答案 0 :(得分:0)
受@ rggardner建议的启发,我将小地图制作成静态地图。我不知道以前存在过那些。
这消除了冲突,现在大地图很好用。
@rggardner,非常感谢你!