我在做别人的项目，却遗漏了一件事！
这个项目很大，所以我只考虑基本的，使用 https://www.npmjs.com/package/vue2-google-maps 和 vuejs。
使用 gmap 模块就是这样做的：
<gmap-map :center="mapCenter" :zoom="16" ref="gmap"
:options="mapOptions" map-type-id="roadmap" class="gmap__map">
</gmap-map>
在函数执行一些参数之后结束，但我将其保留为空，因为这是我的观点：
this.$refs.gmap.$mapPromise.then(map => {
console.log(this.$refs.gmap.zoom)
console.log(this.$refs.gmap.$mapPromise.zoom)
})
第一个结果是 16，因为在组件中设置为 16 如此合乎逻辑！
<块引用>:zoom="16"
但是第二个变化！并根据地图上显示的内容正确更改。 这是我的问题，我搜索了很多，没有找到为什么在这两个步骤中缩放更改和正确更改！
我不知道为什么，而且项目真的很大，所以如果你不明白我的问题很简单。
如果默认缩放是16，它可以改变谁？ （它不是 map.setZoom()） 该组件具有此承诺的自动缩放更改（$mapPromise）？
非常感谢您的时间！
答案 0 :(得分：0)
我资助了 coderwall.com/p/hojgtq/auto-center-and-auto-zoom-a-google-map
就是这样：map.fitBounds(bounds);
所以经过一个小时后，这个问题在五分钟内就被这个文档解决了！ 我希望它对某人有帮助