禁止滚出地图或其他

时间:2017-06-16 10:26:52

标签: google-maps google-maps-api-3

谷歌地图api有一个非常奇怪的行为。用户可以从顶部和底部滚出地图。在左侧和右侧,左侧和右侧有无尽的地图。 [1]

在文档的所有地图上看起来完全相同。可以禁用吗?

1 个答案:

答案 0 :(得分:1)

您可以限制用户缩小的范围,这可以解决您的问题:

 // This is the minimum zoom level that we'll allow
 var minZoomLevel = 1;

 var map = new google.maps.Map(document.getElementById('map'), {
     zoom: minZoomLevel,
     center: new google.maps.LatLng(38.50, -90.50),
     mapTypeId: google.maps.MapTypeId.ROADMAP
 });

 // Limit the zoom level
 google.maps.event.addListener(map, 'zoom_changed', function () {
     if (map.getZoom() < minZoomLevel) map.setZoom(minZoomLevel);
 });

使用它会阻止用户进行缩放,到目前为止他们会看到多个地图

http://jsfiddle.net/9d4jy4ye/1107/