Double googlemap稳定性问题

我正在组织一个客户联系我们页面，我需要在它上面有2个谷歌地图。Double googlemap稳定性问题

第一张地图是第二张地图的小版本。第二张地图在由第一张下方的链接激活的lightbox中打开。

问题是，当我试图打开它时，大图会出错。我通常会在左上角拿到一块瓷砖，只剩下一块。

你可以看看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); 
     });

来源

2011-08-31 sisko

你有没有考虑过使用静态地图api为较小的图像，这可能会避免JavaScript冲突？我看不到滚动和放大这样一个小窗口对任何人都有用。 http://code.google.com/apis/maps/documentation/staticmaps/ – fluent

通过@ rggardner的建议的启发，我做了小地图静态地图。我不知道那些以前存在。

这消除了冲突，大地图现在打得很好。

@rggardner，非常感谢！

来源

2011-08-31 10:46:56 sisko

Double googlemap稳定性问题

回答

相关问题