微信小程序----map路线规划

效果图

 

wxml

<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" polyline="{{polyline}}" style="width: 100%; height: 100%;"></map>

js

 data: {
    //微信总部坐标
    // longitude: 113.324520,
    // latitude: 23.099994,

    longitude: 113.88308,
    latitude: 22.55329,
    markers: [{
      id: 0,
      longitude: 116.23128,
      latitude: 40.22077,
      iconPath: '/image/location.png',
      width: 50,
      height: 50
    }],
    polyline: [{
      points: [{
        longitude: 116.23128,
        latitude: 40.22077
      }, {
        longitude: 113.88308,
        latitude: 22.55329
      }],
      color: "#FF0000DD",
      width: 2,
      dottedLine: true
    }],
  },