图1 开发工具

图2 真机预览

<map id="map" 
longitude="{{lng}}" latitude="{{lat}}" scale="14" controls="{{controls}}" bindcontroltap="controltap" 
markers="{{markers}}" 
bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange" 
show-location style="width: 100%; height: 300px;"> map>


  data: {
    markers: [{
        iconPath: "https://pic4.zhimg.com/v2-f67d548322f523c8f5e44cb80f8229e6_xs.jpg?source=172ae18b",
        id: 0,
        latitude: 40.029185,
        longitude: 116.255596,
        width: 40,
        height: 40,
        callout: {
          content: '骑手距离您还有10km',
          color:'#000',
          display:'ALWAYS',
          padding: 10,
          boxSizing: 'border-box;',
          margin: 14,
          boxShadow:'1px 5px 10px 0 rgba(0, 0 , 0, 0.6)',
          borderRadius:8
        },
       
      }],
  },