Meteor/Google Maps API:使地图缩放/位置在所有屏幕上相同

Question

我得到了一个带有标记的反应式谷歌地图，我想在主页上使用它。但在我的小型笔记本电脑上，我只能看到世界，没有重复，但在更大的屏幕上，地图重复了3次。

我该如何防止这种情况发生？

更新：基本上，我如何锁定缩放，所以如果我缩放，那么页面放大和缩小地图看起来是一样的（相对而言）我正在使用：https://atmospherejs.com/dburles/google-maps

我当前的HTML:

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

我当前的JS:

  mapOptions: function() {
    if (GoogleMaps.loaded()) {
      return {
        center: new google.maps.LatLng(5, 0),
        mapTypeControl: false,
        scaleControl: false,
        navigationControl: false,
        scrollwheel: false,
        disableDefaultUI: true,
        draggable: false,
        zoom: 2,
        maxZoom: 2,
        minZoom: 2,
        scaleControl: false
      };
    }
  }

Answer 1

听起来OP在大屏幕上缩小得太远了（mebbe 1200px+？），所以地图缩放级别可能在2左右。

听起来你想要的是随着屏幕大小的变化而改变缩放级别。。。；例如，如果手机：变焦=2，在iMac上：变焦=5或其他什么。。。IMO我会尝试检测大小，然后将if语句传递给缩放选项。。。。

只是希望澄清一下。我一直在通过放大每个标记的点击事件，并添加一个小的"按钮"来缩小。。。