全屏切換谷歌地圖

-1

我正在開發一個項目，將特定位置添加到Google地圖上。所有的工作很好：http://www.secret-vault.com/nostradamus/locations.html 全屏切換谷歌地圖

我已經添加了一個切換（jQuery）按鈕來切換到全屏（可以通過按Esc鍵轉義）。

 $("#map_toggler").click(function() { 
      $("#map").toggleClass("fullscreen") 
     });

，並用於支持CSS的地圖更改爲全屏：

#map.fullscreen { 
    position: fixed !important; 
    top:0; 
    left:0; 
    z-index:1; 
    width:100%; 
    height: 100%; 
    margin:0; 
    padding:0; 
}

我重新填充等，看看這是問題的根源。

問題是......有時它會全屏顯示，其他時候它會佔滿高度或返回原始高度。這在放大/縮小時尤其如此。

這裏也有類似的問題：How do I create a show full screen button to toggle my google maps page to be full screen?但這個解決方案似乎並沒有這樣做。

來源

2017-08-03 Pete - iCalculator

可以請您發佈代碼的小提琴，以查看您所得到的行爲嗎？ – randomguy04

我完成了一些進一步的測試，這個問題似乎與Google Api本身有關。我有大寬屏顯示器。我只是在其他設備和標準監視器上進行測試，並且全屏按預期工作。問題似乎在使用寬屏顯示器時發生，基本上一頁的百分比顯示爲白色，而不是顯示整個地圖。 –

爲什麼downvotes？沒有提供反饋就沒有意義。 –

感謝從Emmanual

的閃爍效果是通過在API中的錯誤引起的洞察力。更改縮放時，地圖仍會查找原始容器大小。顯然，縮放設置中的某個元素會捕捉尺寸參數。

這可以通過首先將地圖設置爲全屏，然後改變以適應容器來解決。查看此文章的詳細信息：Google maps responsive resize

感謝支持的人。

來源

2017-08-05 08:12:45

全屏切換谷歌地圖

回答

相關問題