微信小程序实现地图插件的调用方法

　　目前很多微信小程序都具备地图查看的功能，那么对于在微信小程序中如何实现地图插件的调用方法，可能很多初学小程序开发的技术人员还存在很多疑问，那么下面就来跟大家详细解答一下。

　　首先肯定是借助小程序自带的map组件 .wxml代码：

<map id="myMap" style="width: 100%; height: 300px;" latitude="{ {latitude}}" longitude="{ {longitude}}" markers="{ {markers}}" polyline="{ {polyline}}" show-location bindmarkertap="selectMarket" include-points="{ {markers}}" show-location="true"></map>

　　首先我们要创建一个画布 .js

　　onReady: function (e) {

　　this.mapCtx = wx.createMapContext('myMap');

　　}

　　要去后台接收数据，在markers里然后放入data在前台展示数据

　　在js中写入事件代码

　　selectMarket(e) {

　　//console.log(e)

　　var that = this;

　　that.setData({

　　uid: e.markerId

　　})

　　wx.getLocation({//获取当前经纬度