Question

我有谷歌地图作为我的背景。目前，当我加载页面时，它正是我想要的位置，但是当我向下滚动时，它就会消失。如何向下滚动谷歌地图，使其始终在后台？

我的css：

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

我还尝试position:fixed并在position:fixed上使用#mapCanvScroller尝试了以下dom结构，但它不起作用：

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

Answer 1

创建一个div，其高度和宽度为body标签的100％，并将背景图像应用于此div，make overflow已为此div隐藏。之后在div中创建一个子div，它将是可滚动的。滚动将导致内部div的内容滚动而不是外部div，并且您的背景图像将保持相同

Answer 2

您应该在选项中添加scrollwheel：false

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/

如何使用页面滚动将谷歌地图背景滚动/滑动到视图中

2 个答案: