小程序如何点击MARKER后marker生成MARKER属性里面自带的图片
时间: 2024-05-07 09:16:16 浏览: 65
您可以使用小程序的map组件,在创建marker时,将marker的iconPath属性设置为图片的链接,这样点击marker时,就会显示出marker上的图片。示例代码如下:
```html
<map id="map" bindmarkertap="onMarkerTap" markers="{{markers}}" style="width: 100%; height: 100%;"></map>
```
```javascript
Page({
data: {
markers: [{
id: 1,
latitude: 23.099994,
longitude: 113.324520,
iconPath: '/images/marker.png' // 设置marker的iconPath为图片链接
}]
},
onMarkerTap: function (e) {
var markerId = e.markerId;
var marker = this.data.markers.find(function (m) {
return m.id == markerId;
});
console.log(marker.iconPath); // 输出marker的iconPath
}
})
```
在上面的示例代码中,我们通过设置markers数组中的第一个元素的iconPath属性为图片链接,来为marker设置图片。在onMarkerTap函数中,我们可以通过e.markerId获取点击的marker的id,然后再通过find方法查找出该marker的信息,包括它的iconPath属性,从而获取到marker上的图片链接。
阅读全文