小程序腾讯地图绘制大头针，以及还原位置

上一篇是绘制路线，这一篇是绘制大头针获取经纬度，以及左下角还原本地位置

代码片

wxml文件 **

js文件

**

var QQMapWX = require('../../utils/qqmap-wx-jssdk.js'); // 实例化API核心类 var demo= new QQMapWX({ key: '你的key' // 必填 });

Page({ data: { controls:[], province: ‘’,//省 city: ‘’,//市 district: ‘’,//区 }

//经纬度转换为地址： getLocal: function (latitude, longitude) { let vm = this; console.log("经纬度转换为地址：") demo.reverseGeocoder({ location: { latitude: latitude, longitude: longitude }, success: function (res) { console.log("打印1") console.log(JSON.stringify(res)); let province = res.result.ad_info.province let city = res.result.ad_info.city let district = res.result.ad_info.district console.log("目前省市区为：" + province + ":" + city + ":" + district) console.log(res.result.location.lat) console.log(res.result.location.lng) vm.setData({ province: province,//省 city: city,//市 district: district,//区 }) }, //失败回调 fail: function (res) { console.log(res); }, //完成回调 complete: function (res) { // console.log(res); } }); }, bindregionchange: function (e) { var that = this if (e.type == "begin") { console.log("begin"); } else if (e.type == "end") { var mapCtx = wx.createMapContext("map") mapCtx.getCenterLocation({ success: function (res) { console.log(res) var latitude = res.latitude var longitude = res.longitude that.getLocal(latitude, longitude) } }) } }, // 控件的点击事件 bindcontroltap: function (e) { switch (e.controlId) { case 1: console.log("触发了大头针") // 当点击图标location.png的图标，则触发事件movetoPositioon() break; case 2: console.log("触发了定位") this.movetoPosition(); break; } }, //移动定点 movetoPosition: function () { var mapCtx = wx.createMapContext("map") mapCtx.moveToLocation(); },