如何滾動/滑動谷歌地圖背景到頁面滾動視圖

我有一個谷歌地圖作爲我的背景。目前它正好是我加載頁面時所需的位置，但是當我向下滾動時，它就會熄滅。我怎樣才能滾動谷歌地圖，以便它始終在後臺？如何滾動/滑動谷歌地圖背景到頁面滾動視圖

我的CSS：

#map-canvas { 
    top:0; 
    height: 100vh; 
    position:absolute; 
    z-index:-10000; 
    margin: 0px; 
    margin-top: 0; 
    padding: 0px; 
    width: 100% 
}

我自己也嘗試position:fixed，並試圖在#mapCanvScroller與position:fixed以下DOM結構，但它不工作：

<div id="mapCanvScroller"> 
    <div id="map-canvas"></div> 
</div>

來源

2015-01-16 maudulus

你可以把它放在jsfidde中嗎？ – Chanckjh

創建一個div的高度和寬度是身體標記的100％，並將背景圖像應用於該div，使該div的溢出隱藏。之後，在該div內創建一個可滾動的div div。滾動將導致內部div的內容滾動不外層div和你的背景圖像將保持相同

來源

2015-01-16 19:37:45

這是谷歌地圖，而不是背景圖片。 – maudulus

嘗試將位置固定爲 –

謝謝 - 我試過了，但它不起作用。 – maudulus

您應該加上滾輪：假在你的選項

var myOptions = { 
    scrollwheel: false, 
     center: new google.maps.LatLng(40.759118, -73.985110), 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    };

是你想要的嗎？ DEMO：http://jsfiddle.net/2crQ7/275/

來源

2015-01-16 19:57:34

如何滾動/滑動谷歌地圖背景到頁面滾動視圖

回答

相關問題