流星谷歌地图maxZoom,minZoom和缩放级别

时间:2017-08-09 16:53:21

标签: javascript google-maps meteor google-maps-api-3 meteor-blaze

我正在使用流星google map package,我想限制地图缩放级别(因为我正在做Geospatial Queries)。 Normaly应该在我的mapOptions中完成。 我的代码看起来像这样: 在我的模板上,我有我的地图

<template name="mypage">
    <div class="map-container">
      {{> googleMap name="map" options=mapOptions}}
    </div>
</template>

然后在我的Javascript帮助器上,我应该有这样的地图选项:

Template.mypage.helpers({
  mapOptions: function(){
    if(GoogleMaps.loaded()){
      return {
        center: new google.maps.LatLng(48.8520442,2.3346246),
        zoom: 13,
        maxZoom: 15
      }
    }
  }
})

不幸的是,maxZoom似乎不起作用...... 他们是否有其他限制变焦的可能性?

1 个答案:

答案 0 :(得分:0)

好吧我找到了解决方案, 必须在其他区域声明maxZoom和minZoom以具有缩放级别控件。 因此,可能的解决方案可能如下所示:

Template.mypage.helpers({
  mapOptions: function(){
    if(GoogleMaps.loaded()){
      return {
        center: new google.maps.LatLng(48.8520442,2.3346246),
        zoom: 13,
        maxZoom: 20,
        minZoom: 13
      }
    }
  }
})