谷歌地圖API複製視圖縮放1

Question

當我試圖使用縮放1或2只看到大陸，我可以看到屏幕複製幾個時間和大陸都在屏幕上重複。 （屏幕分割3張）

我可以控制屏幕上，顯示大陸只有一次，而不是重複？

問候，

貝納

Answer 1

你所描述是正常的; Google地圖是如何處理非常低的縮放級別的。我還開始在全球範圍內放大地圖，以顯示所有的大陸。另一個因素是用戶的屏幕分辨率。我最初是以縮放級別3開始我的地圖，但事實證明，一些屏幕分辨率設置較低的用戶在第一次加載時無法看到放在地圖上的所有內容。因此，我現在開始縮放2.具有更高屏幕分辨率的用戶只是明白，他們可能會在邊緣看到世界地圖的重複運行。

Answer 2

寫一個黑客！ Here's an example for zoom 0（查看頁面時，縮小一次）。

的機制是偵聽變焦變化和在低變焦實現兩個絕對定位灰色的div（每側一個），以覆蓋「重複」。固定寬度的地圖實際上是必要的。你還需要對新的申報單爲縮放1和2

巨大的缺點是控制得到通過的div覆蓋，並且將它們放置在該中心是醜陋的（我試過）。你可以只覆蓋地圖的右半部分，但效果也不好看。 （見這裏http://jsbin.com/ijojip/3/edit#preview）

google.maps.event.addListener(map, 'zoom_changed', function() { 
     if(map.getZoom() == 0) { 
     document.getElementById("leftcover").style.display = "block"; 
     document.getElementById("rightcover").style.display = "block"; 
     } 
     else { 
     document.getElementById("leftcover").style.display = "none"; 
     document.getElementById("rightcover").style.display = "none"; 
     } 
    }); 

    #leftcover { position: absolute; height: 100%; background-color: #e5e3df; left: 0px; width: 128px; z-index: 2; display: none } 
    #rightcover { position: absolute; height: 100%; background-color: #e5e3df; left: 384px; width: 128px; z-index: 2; display: none }