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

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

代码片

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.provincelet city = res.result.ad_info.citylet district = res.result.ad_info.districtconsole.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 = thisif (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.latitudevar longitude = res.longitudethat.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();},

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

微信小程序控制硬件第14篇微信小程序腾讯地图控制 4G Cat.1模组，安信可CA-01加载定位显示当前位置。
文章目录一.前言通讯协议技术问题点二.4G模组业务逻辑上报基站信息三.微信小程序控制另外,不要把我的博客作为学习标准,我的只是笔记,难有疏忽之处,如果有,请指出来,也欢迎留言哈! 微信物 ...
微信小程序腾讯地图根据起点终点绘制线路
图片:腾讯地图绘制线路图 ** 代码片 ** 下面展示同样高亮的代码片. // An highlighted block goto() {var that = this;var start = th ...
微信小程序 - 腾讯地图使用和选点连线计算距离
GitHub Demo 地址: jh-weapp-demo 实现一些常用效果.封装通用组件和工具类代码不定时更新,请前往github查看最新代码小程序码最近练习了下腾讯地图的使用,包含地图展示. ...
微信小程序 - 腾讯地图SDK
转自:https://github.com/qcomdd/qqmap-wx 微信小程序_腾讯地图SDK(在官方基础上增加路径规划功能) 以下为使用方法. // 引入SDK核心类本文件 var QQMa ...
移动端小程序腾讯地图sdk 当前位置地址你解析距离计算
<template><view><view v-if="showtime" class="showt ...
微信小程序+腾讯地图获取定位与地图选点插件
文章目录一.思路二.逆地址解析 2.1. app.json 2.2. 页面加入 2.3. 后台代码三.地图插件调用 3.1. app.json加入 3.2. js页面加入 3.3. wxml页面 ...
微信小程序腾讯地图逆地址解析reverseGeocoder之poi_options
需求呢,是根据经纬度查附近的地点什么的,小程序自带的map组件又没有这个功能,然后就接入了腾讯地图- poi_options呢是这个方法的请求参数之一,看下文档: 有取值范围啊.page啊什么的,这里 ...
小程序--腾讯地图导航
小程序点击地址导航功能首先必须去腾讯地图申请账号并开通权限地址:https://lbs.qq.com/dev/console/home 第一步: 申请完账号---------控制台--------- ...
微信小程序-腾讯地图根据经纬度获取位置与根据位置获取经纬度
注意:如果request非法,请移步到上一篇博客填写request合法域名章节,上一篇博客末尾也有写道获取当前定位得方法一.根据经纬度获取位置信息登陆腾讯地图官网,选择控制台,选择开发文档- ...

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

代码片

js文件

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

最新文章

热门文章