【问题标题】:google map zoom out limit [duplicate]谷歌地图缩小限制[重复]
【发布时间】:2014-03-21 16:37:26
【问题描述】:

如何在地图上设置缩小限制,目前它可以让我缩小到看到多个世界地图的程度:

JS:

var map;

var all_coor = <?php echo json_encode($addresses); ?>;
var dub = <?php echo json_encode($testadd); ?>;

function initialize() {
var MainLatlng = new google.maps.LatLng(-74.337724,-49.69693);

  var mapOptions = {
    zoom: 7,
    center: new google.maps.LatLng(31.386692,-12.700747)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

 var markerr = new google.maps.Marker({
      position: MainLatlng ,
      map: map,
      title: 'Main',
      animation: google.maps.Animation.DROP
  });

for (var t = 0, llen = dub.length; t < llen; t++) {

    var marker = new google.maps.Marker({
      position: new google.maps.LatLng(dub[t]['lat'], dub[t]['long']),
      map: map,
      title: dub[t]['title']
    });

}

}


google.maps.event.addDomListener(window, 'load', initialize);

HTML:

<div id="map-container" style="height: 500px;">
<div id="map-canvas" style="width: 100%; height: 100%"></div>
</div>

1.如何设置地图缩小范围才能正常渲染?

【问题讨论】:

    标签: javascript google-maps-api-3


    【解决方案1】:

    已添加到 api 中,您可以直接在地图对象上设置该选项:

      map.setOptions({ minZoom: 5, maxZoom: 15 });
    

    参考-https://developers.google.com/maps/documentation/javascript/reference#MapOptions

    【讨论】:

    • 附加问题:如何在不必设置自定义最大缩小值的情况下防止地图破坏它的方式,即如何使地图表现得像普通地图一样停止缩小一次完整的世界地图可见
    • 我不确定我是否理解您的附加问题,您能否改写或详细说明
    • 我想设置缩小限制的原因是为了阻止地图破坏它的方式(如上图所示),minZoom 显示整个地图的正确值是多少世界地图..现在它切断了澳大利亚等地。
    • 啊,这取决于地图的大小,如果您有灵活的大小以及不同的屏幕分辨率,这可能会有所不同。我会得到你想要确保显示的坐标,然后创建一个 glatlngbounds 对象,并使用 fitBounds() - 请参阅此处groups.google.com/forum/#!topic/google-maps-js-api-v3/…
    • 这也适用于 javascript 框架 gMap.js。 var map = new GMaps({minZoom: 5, maxZoom: 15 })。谢谢。
    猜你喜欢
    • 2013-04-23
    • 2013-11-24
    • 2014-08-27
    • 2014-11-20
    • 2012-09-10
    • 1970-01-01
    • 2017-01-10
    • 1970-01-01
    • 2011-12-31
    相关资源
    最近更新 更多