双googlemap稳定性问题

时间:2011-08-31 09:26:33

标签: google-maps

我正在组织客户联系我们页面,我需要有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);
      });

1 个答案:

答案 0 :(得分:0)

受@ rggardner建议的启发,我将小地图制作成静态地图。我不知道以前存在过那些。

这消除了冲突,现在大地图很好用。

@rggardner,非常感谢你!