微信小程序输入地址自动获取经纬度
腾讯位置服务官网:http://lbs.qq.com/index.html
SDK下载地址:http://3gimg.qq.com/lightmap/xcx/jssdk/qqmap-wx-jssdk1.0.zip
微信小程序JavaScript SDK文档地址:http://lbs.qq.com/qqmap_wx_jssdk/index.html
地址解析坐标API文档地址:http://lbs.qq.com/qqmap_wx_jssdk/method-geocoder.html
申请密钥(key)这里就不讲了。
1、选择SDK为微信小程序JavaScript SDK
2、下载SDK,下载完后解压,把下载的包解压并复制文件到项目文件夹。
3、到要使用的页面js引入SDK文件,并实例化API核心类
// 引入SDK核心类 import QQMapWX from 'xxx/qqmap-wx.js'; // 实例化API核心类 let qqMap = new QQMapWX({ key: '开发密钥(key)' // 必填 });
4、当用户输入地址完毕后解析坐标
<input type="text" bindblur="atuoGetLocation" />
atuoGetLocation(e) { qqMap.geocoder({ address: e.detail.value, //用户输入的地址(注:地址中请包含城市名称,否则会影响解析效果),如:'北京市海淀区彩和坊路海淀西大街74号' complete: res => { console.log(res.result.location); //经纬度对象 } else { console.log('无法定位到该地址,请确认地址信息!'); } } }); }
API使用详情请参考地址解析坐标API文档地址:http://lbs.qq.com/qqmap_wx_jssdk/method-geocoder.html
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
后生:请不要改变异常传递路径
最近调试一个5年前写的项目。结构复杂度请看图:前后3个大平台,数据库3个,window服务8个...还有数据库直接调用数据库的, 看的心累。这些都不是重点,下面一段代码让人死的心都有: total = noSyncOrders.Count();//获取待同步成功订单数 ImspOrderServiceClient SyncOrder = DsBase.GetWCFService(); if (SyncOrder == null) { message = "订单同步请求WCF链接失败!"; return false; } else { try { syorder = SyncOrder.CreateSalesMain(noSyncOrders); } catch { message = "订单同步请求WCF链接失败!"; return false; } } SyncOrder.CreateSalesMain(noSyncOrders)创建主订单出错,为什么就断定服务器链接失败呢?这C#写的代码catch不指明异常类型,默认catch所有异常。这种改变异常传播路径的行为,深深的伤害使用者。...
- 下一篇
amazeUI 地区选择器三级联动问题解决,带地区数据
2018年5月25号 直接上代码 <div id="area_box"> <select data-am-selected="{maxHeight:200,btnWidth:'120px'}" placeholder="请选择省" id="province"> <option value=""></option> </select> <select data-am-selected="{maxHeight:200,btnWidth:'120px'}" placeholder="请选择市" id="city"> <option value=""></option> </select> <select data-am-selected="{maxHeight:200,btnWidth:'120px'}" placeholder="请选择区/县" id="area"> <option value=""></option> </select>...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作
- CentOS8编译安装MySQL8.0.19
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- SpringBoot2整合Redis,开启缓存,提高访问速度
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- MySQL8.0.19开启GTID主从同步CentOS8
- SpringBoot2全家桶,快速入门学习开发网站教程