微信小程序 map显示当前位置带标注

wxml页面

<view  style="width: 100%;height:100%;background-color: blueviolet;" >

    <map latitude='30.87108503391971' markers="{{markers}}" longitude="121.6955975169598"  covers="{{covers}}"

      show-location style="width: 100%;height:1440rpx;">

    </map>

</view>

js页面

​
// pages/map/map.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
    
        markers: [{
            id: 1,
            latitude: '30.87108503391971',
            longitude:'121.6955975169598',
           
          }],
    },

  

   
})

​