Google maps 双重谷歌地图稳定性问题

我把一个客户联系我们的网页，我需要有两个谷歌地图上

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

问题是，当我试图打开大地图时，它出错了。我通常会在左上角得到一块瓷砖，除此之外什么也没有。

你可以亲自去看看。这是两者之间的某种冲突，因为如果我删除小地图，较大的地图可以正常工作

我正在试图确定为什么会发生这种情况，以及如何解决它

OS：这是我的大地图代码（小地图代码完全相同，除了使用map_canvas2而不是map_canvas2）

---

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

这样就消除了冲突，大地图现在可以很好地播放了

---

@rggardner，非常感谢

您是否考虑过对较小的图像使用静态映射api以避免javascript冲突？我看不出在这么小的窗口中滚动和缩放对任何人都有用。

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);
      });