小程序地图使用markers显示两个坐标点，并连线

1. 使用小程序组件
2. wxml 代码

 <map id="mapId" zIndex="10" polyline="{{polyline}}" markers="{{markers}}" scale="16" style="width: 100%; height:100vh;" latitude="{{latitude}}" longitude="{{longitude}}">
        <cover-view class="cover-view">
        </cover-view>
      </map>

3. js代码

 //设置标记点
    setMarkers() {
      var that = this
      wx.getLocation({//获取当前位置经纬度
        type: 'wgs84',
        success(res) {
          const latitude = res.latitude //当前位置纬度
          const longitude = res.longitude //当前位置经度
          var markers = [{//放入两个对象 一个对象为一个坐标点
              id: 0,
              iconPath: "../../../assets/images/map.png",
              latitude: that.data.latitude,
              longitude: that.data.longitude,
              width: 60,
              height: 60
            },
            {
              id: 1,
              iconPath: "../../../assets/images/map.png",
              latitude: latitude,
              longitude: longitude,
              width: 60,
              height: 60
            },
          ]
          var polyline = [{//设置连线数组 一个对象为一条线
            points: [{
                latitude: that.data.latitude,
                longitude: that.data.longitude,
              },
              {
                latitude: latitude,
                longitude: longitude,
              },

            ],
            color: "#FF0000DD",//线的颜色
            width:12,//线的宽度
            // dottedLine:true,//虚线
            arrowLine:true,//线内箭头
          }]
       
          that.setData({
            markers,
            polyline
          })
        }
      })
    },

4. 最终完成截图