限制缩放谷歌地图

时间:2013-04-29 11:02:37

标签: javascript google-maps-api-3

您好我要将谷歌地图添加到我的网络应用程序中,我会使用标记。 地图运行完美,问题是我不希望人们出于安全原因能够进行最大缩放。我需要限制缩放,我不知道如何。我不知道如何在javascript中执行此操作,任何人都可以帮忙吗?

这是我使用的脚本:

<script type="text/javascript">
 var locations = [    
  ['<b>Location:</b> England<br /><br /><b>Product:</b> ISIS Professional (1D)<br /><br /><b>Managing tidal flood risk</b>', 51.5171, 0.1062, 1] ];

var map = new google.maps.Map(document.getElementById('map'), {


      center: new google.maps.LatLng(47.754097979680026, 15.1171875),
      zoom: 2,
      mapTypeControl: true,
      draggable: true,
      scaleControl: false,
      scrollwheel: false,
      zoomControl: true,
      navigationControl: false,
      streetViewControl: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var image = 'img/pointer.png';
    var infowindow = new google.maps.InfoWindow();
    var marker, i;
    for (i = 0; i < locations.length; i++) {  
      marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map,
        icon: image 
      });
      google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
          infowindow.setContent(locations[i][0]);
          infowindow.open(map, marker);
        }
      })(marker, i));
    }
  </script>

1 个答案:

答案 0 :(得分:8)

您可以通过为地图修复minZoom和maxZoom来完成此操作。

结帐

 var opt = { minZoom: 6, maxZoom: 9 };
 map.setOptions(opt);

修改

Check This Link了解更多信息。