el-amap-marker覆盖物如何始终在地图的中心点
时间: 2023-08-15 12:06:14 浏览: 85
始终获取地图中心点地址
要将 el-amap-marker 覆盖物始终放置在地图的中心点,可以通过监听地图的 `move` 事件,在每次地图移动时更新 el-amap-marker 的位置。具体步骤如下:
1. 在 el-amap-marker 标签中添加 ref 属性,用于获取该组件的实例:
```
<el-amap-marker ref="marker"></el-amap-marker>
```
2. 在 mounted 钩子中,获取地图实例和 el-amap-marker 实例,并监听地图的 `move` 事件:
```
mounted() {
this.$nextTick(() => {
this.map = this.$refs.amap.getMap()
this.marker = this.$refs.marker.getMarker()
this.map.on('move', this.handleMapMove)
})
},
```
3. 在 `handleMapMove` 方法中,计算地图的中心点坐标,并将 el-amap-marker 移动到该位置:
```
methods: {
handleMapMove() {
const center = this.map.getCenter()
this.marker.setPosition(center)
}
}
```
这样就可以实现 el-amap-marker 始终在地图的中心点了。
阅读全文