微信小程序地图显示

先上图展示效果：

 

 

 __wxml代码

<view class="map-box">
      <map id="map" latitude="40.13012" longitude="116.65477" scale="14" markers="{{markers}}"></map>
   </view>

__js实现

 markers: [{
         title:'位置所在',
　　　　
        //可以请求接口获取当前自己的经纬度
         iconPath: "路由",
         id: 0,
         latitude: 40.13012,
         longitude: 116.65477,
         width: 30,
         height: 30
       }]