带有vue2-google-maps的最新版Google地图

Question

我想创建一个按钮来重新调整地图的焦点。为什么此代码不起作用？

    <GmapCustomMarker
        @click="center={lat:latitude, lng: longitude}"
    >
    </GmapCustomMarker>

Answer 1

基于此处的文档： https://www.npmjs.com/package/vue2-google-maps 似乎您需要嵌套一个<GmapMap>和一个<GmapMarker>元素，但并不是像您在<GmapCustomMarker>的一个元素中编写元素那样。 试试这个：

<GmapMap
  :center="{lat:something, lng:somethingElse}"
  :zoom="7"
  map-type-id="terrain"
  style="width: 500px; height: 300px"
>
  <GmapMarker
    @click="center={lat:latitude, lng: longitude}"
  />
</GmapMap>