Question

有没有办法禁止在地图上移动？

 var map = new google.maps.Map(document.getElementById('map-canvas'), {
    center:{
        lat: lat,
        lng: lng
    },
    zoom: 15
});

我想让我的地图定位在纬度和经度上，缩放是特定的，地图要保持静态（就像图片一样），所以除了地图中提供的内容之外你什么都看不到

Answer 1

尝试使用static api：

https://maps.googleapis.com/maps/api/staticmap?center=-36.5443805,-62.0828073&zoom=7&size=800x600&maptype=road

希望这有帮助！

Answer 2

禁用拖动，缩放，默认用户界面等。

var map = new google.maps.Map(document.getElementById('map-canvas'), {
    center: {
        lat: 42,
        lng: -72
    },
    zoom: 15,
    draggable: false,
    zoomControl: false,
    streetViewControl: false,
    mapTypeControl: false,
    disableDoubleClickZoom: true,
    scrollwheel: false,
    disableDefaultUI: true
});

proof of concept fiddle

代码段

＆＃13;

function initialize() {
  var map = new google.maps.Map(document.getElementById('map-canvas'), {
    center: {
      lat: 42,
      lng: -72
    },
    zoom: 15,
    draggable: false,
    zoomControl: false,
    streetViewControl: false,
    mapTypeControl: false,
    disableDoubleClickZoom: true,
    scrollwheel: false,
    disableDefaultUI: true

  });
}
google.maps.event.addDomListener(window, "load", initialize);

＆＃13;

html,
body,
#map-canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

＆＃13;

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map-canvas"></div>

＆＃13;

如何在Google地图上禁止在地图中移动？

2 个答案: