小程序地图点击标记点进行数据交互

最新推荐文章于 2024-11-13 15:16:45 发布

原创最新推荐文章于 2024-11-13 15:16:45 发布 · 1.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #map

微信小程序专栏收录该内容

30 篇文章

订阅专栏

本文详细解析了小程序中map组件的bindmarkertap事件及其使用方法。通过实例展示了如何通过bindmarkertap获取点击的标记点id，并调用接口进行进一步的数据处理。

在小程序map组件中有个属性 bindmarkertap

<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="12" markers="{{markers}}" bindmarkertap="markertap" show-location ></map>

bindmarkertap="markertap"
markertap是定义的一个方法

markertap: function(e) {
//这里是获取点击对应的标记点获取到对应的id
    let markerId = e.markerId
    wx.request({
      url: "这里是接口地址",
      data: {
        longitude: app.globalData.longitude,
        latitude: app.globalData.latitude
      },
      success: (res) => {
      //这里是返回值
        console.log(res)
		}
    })
  },