微信小程序demo：滴滴拉粑粑，地图api自定义覆盖物

柿霖不是林

点评：滴滴拉粑粑，用于学习地图上自定义覆盖物





[mw_shl_code=html,true]Page({
  data: {
    height: 0,
    center: [113.324520,23.099994],
    markers: []
  },
  regionchange(e) {
    console.log(e.type)
  },
  markertap(e) {
    console.log(e)
    let mark = {}
    this.data.markers.map((ele)=>{
      if(ele.id == e.markerId)
        mark = ele
    })
    wx.navigateTo({
      url:'../logs/logs?lat='+mark.latitude+'&lng='+mark.longitude+'&address='+mark.address+'&distance='+mark._distance
    })
    return
    wx.showModal({
  title: '厕所地址',
  content: mark.address+' ('+mark._distance.toFixed(0)+'m)',
  showCancel: false,
  success: function(res) {
    if (res.confirm) {
      console.log('用户点击确定')
    }
  }
})
  },
  onLoad() {
    const system = wx.getSystemInfoSync()
    this.setData({
      height: system.windowHeight
    })
    wx.getLocation({
      type: 'wgs84',
      success: (res) => {
        this.setData({
          center: [res.longitude, res.latitude]
        })
        console.log(res.longitude, res.latitude)
        wx.request({
          url: 'https://api.getweapp.com/vendor/qqmap/search/toilet',
          data: {
            lat: res.latitude,
            lng: res.longitude,
            page: 1
          },
          successres)=>{
            res.data.data.map((e)=>{
              e.iconPath = "/images/matong.png"
              e.width = 50
              e.height = 50
              e.latitude = e.location.lat
              e.longitude = e.location.lng
            })
            this.setData({
              markers: res.data.data
            })
            console.log(res.data.data)
          }
        })
      }
    })
  }
})[/mw_shl_code]






[mw_shl_code=html,true]<map id="map" longitude="{{center[0]}}" latitude="{{center[1]}}" scale="14" markers="{{markers}}" bindmarkertap="markertap"  show-location style="width: 100%; height: {{height}}px;"></map>[/mw_shl_code]

游客，如果您要查看本帖隐藏内容请回复

白首不分离

啥也不说了，感谢楼主分享哇！

lsh137262965876

参考学习

Ywenli

感谢分享

西邻水

谢谢楼主了！！！

oyruiyin

先感谢分享

vt007

先感谢分享

txl

213333333333333333333

jack56846

我有流量，你有产品，我们就可以合作，有意的个人开发者朋友可以联系微信号jim20180688，详聊