微信小程序 地图显示

示例：

wxml:

<map id="map" longitude="{{detail.lon}}" latitude="{{detail.lat}}" scale="14" controls="{{controls}}" markers="{{markers}}" bindtap="mapClick" show-location bindmarkertap="mapClick"></map>

map组件所用参数

data:

onLoad setData 圈出中心

点击事件 bindtap="mapClick" 调起位置 “去哪里”

js:

  // 进入地图详情
  mapClick() {
    let data = {}
    data.lon = this.data.detail.lon
    data.lat = this.data.detail.lat
    data.company = this.data.detail.company
    data.address = this.data.detail.address
    wx.openLocation({
      latitude: Number(data.lat),
      longitude: Number(data.lon),
      scale: 28,
      name: data.company,
      address: data.address || '地址'
    })
  }