小程序点击markers使中心经纬度发展变化
时间: 2023-05-24 11:04:17 浏览: 181
高德地图SDK,拖动Marker后得到变化的经纬度(最新SDK.2016/11/29)
3星 · 编辑精心推荐
若您是开发者,可以通过以下步骤实现:
1. 在wxml文件中使用map组件,设置id和中心经纬度:
```html
<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" bindmarkertap="markertap"></map>
```
2. 在js文件中,设置markers数据和markertap事件:
```javascript
Page({
data: {
longitude: 113.324520,
latitude: 23.099994,
markers: [{
id: 1,
longitude: 113.324520,
latitude: 23.099994,
iconPath: '/images/location.png',
width: 50,
height: 50
}, {
id: 2,
longitude: 113.315222,
latitude: 23.102029,
iconPath: '/images/location.png',
width: 50,
height: 50
}]
},
markertap(e) {
const markerId = e.detail.markerId;
const marker = this.data.markers.find(m => m.id === markerId);
this.setData({
longitude: marker.longitude,
latitude: marker.latitude,
})
},
})
```
3. 在markertap事件中,获取当前点击的markerId,并从markers数组中找到对应的marker,然后将其经纬度设置为地图的中心点经纬度。
这样,当用户点击marker时,地图的中心点经纬度就会发生变化。
阅读全文