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穩定性問題

回答

相關問題