微信小程序之腾讯地图SDK获取当前城市位置信息
例如:小程序首页要显示用户地区
需求:用户打开页面自动获取当前位置的定位,小程序wx.openLocation只能获取到经纬度,所以需要用腾讯地图SDK.。
1.引入当前页面js文件中。
//qqmap-wx-jssdk.js可以在官网下载
// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
// 实例化API核心类
var qqmapsdk = new QQMapWX({key: 'xxxxx' //申请的开发者秘钥key
});
2.调用wx.getLocation获取当前位置经纬度,调用qqmapsdk.reverseGeocoder获取当前位置名称。
getLocation: function () {wx.getLocation({type: 'gcj02',success(res) {// 调用sdk接口qqmapsdk.reverseGeocoder({location: {latitude: res.latitude,longitude: res.longitude},success: function (res) {console.log(res) //获取成功console.log(res.result.address_component.province) //当前位置省会console.log(res.result.address_component.city) //当前位置城市console.log(res.result.address_component.district) //当前位置区域}})}})},
微信小程序之腾讯地图SDK获取当前城市位置信息相关推荐
- 腾讯小程序 java编写_微信小程序 使用腾讯地图SDK详解及实现步骤
微信小程序 使用腾讯地图SDK详解及实现步骤 近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案,拿来给大家分享一下! 使用起来非常简单,就是一些功能还有待完善. 官方文档:http:// ...
- 微信小程序 使用腾讯地图SDK详解及实现步骤
信小程序 使用腾讯地图SDK详解及实现步骤 微信小程序JavaScript SDK: 官方文档:http://lbs.qq.com/qqmap_wx_jssdk/index.html 步骤: 1.申请 ...
- 微信小程序接入腾讯地图sdk地图 用户自选位置。踩坑+代码实现
采坑记录: 1.微信小程序对腾讯地图的支持好.拓展强,不建议使用其他地图 2.坐标问题** 高德地图与腾讯地图使用的是 GCJ02坐标系 3.使用微信小程序的内置方法的经纬度存在偏差.解决方案看下文 ...
- 微信小程序 - 接入腾讯地图 SDK 及详细使用教程,结合小程序 mpa 地图组件展示腾讯地图(基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆地址解析 / 坐标系的转化)
介绍 网上的教程都太乱了,代码根本没办法拿到自己的项目中去. 本文实现了 微信小程序中接入使用腾讯地图插件详细教程,并提供了 基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆 ...
- 微信小程序调用腾讯地图,获取当前位置得到数据有偏差以及不同软件,不同坐标之间的转换Gcoord
前言: 在微信小程序中调用腾讯本家地图后,发现有偏差,而且距离还不小,在找了很多资料后,发现网上的资料很多都是挂羊头卖狗肉,都是坐标轴之间的互转,比如腾讯的坐标和百度坐标之间的转换,还起的名字是解决小 ...
- 微信小程序使用腾讯地图进行路线规划,坐标转地址,逆地理编码,计算目的地跟自身定位的距离
微信小程序使用腾讯地图 1.介绍腾讯地图 官方文档: https://lbs.qq.com/ 这里,我主要运用的是这几个api ,我在运用的过程中主要实现的功能有:地图路线规划.地址转坐标+计算距离. ...
- 微信小程序调用腾讯地图API进行驾车路线规划
微信小程序调用腾讯地图API进行驾车路线规划 申请key 下载sdk 实现代码 遇到的问题 申请key 微信小程序的地图api是非常有限的,所以部分功能实现需要调用地图api.使用腾讯地图api过程如 ...
- uni-app开发微信小程序使用腾讯地图选点和城市选择器插件
文章目录 前言 效果图 第一步.登录腾讯地图申请属于自己小程序的key 第二步.登录微信公众平台添加插件 第三步.引入插件包,配置定位允许授权 第四步.通过点击事件使用插件 第五步.拿到插件接口返回的 ...
- 微信小程序使用 腾讯地图 获取 当前地理位置
申请密钥 腾讯地图 地址 https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview 根据以下四步,配置好 request ,然后获取 ...
最新文章
- 腾讯面试题:给40亿个不重复的unsigned int的整数,没排过序的,然后再给一个数,如何快速判断这个数是否在那40亿个数当中?
- linux crond命令
- Android Studio 多渠道打包、自动版本号及 gradlew 命令的基本使用
- vue 外部方法调用内部_vue函数内部调用外部函数,报错外部函数不是函数
- uestc summer training #2
- CSS之容器按比例缩放
- 程序员面试金典 - 面试题 17.11. 单词距离(multimap平衡二叉搜索树)
- JBox2D 引擎 for Android 详解
- 【spingboot基础知识】相关问题汇总
- ERP项目管理的关键控制点
- ySQL性能优化的21个最佳实践 和 mysql使用索引
- rabbitmq入门-第一讲安装
- 一文带你入门知识图谱多跳问答
- relative定位下要使用top、left,而不是margin-top、margin-left
- python类使用异步_异步Python类
- 论文《Fast spatial–temporal stereo matching for 3Dface reconstruction under speckle pattern projection》
- VueDemo-12.加入购物车
- css入门1 css简介
- 安兔兔苹果html5排行榜,iPhone8Plus最强?9月安兔兔手机性能排行榜出炉
- 仿苹果菜单的图片放大特效实现