微信小程序输入地址自动获取经纬度

腾讯位置服务官网: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


img_958c2d921468094ea60725b49d783848.png
微信小程序JavaScript SDK

2、下载SDK,下载完后解压,把下载的包解压并复制文件到项目文件夹。


img_543bf67b1d497353d52d55a980fa36d9.png
下载SDK

img_061e71a15e0436da3ee7e9318986b7eb.png
制文件到项目文件夹

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

优秀的个人博客,低调大师

微信关注我们

原文链接:https://yq.aliyun.com/articles/638386

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

相关文章

发表评论

资源下载

更多资源
优质分享Android(本站安卓app)

优质分享Android(本站安卓app)

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario,低调大师唯一一个Java游戏作品

Mario,低调大师唯一一个Java游戏作品

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Oracle Database,又名Oracle RDBMS

Oracle Database,又名Oracle RDBMS

Oracle Database,又名Oracle RDBMS,或简称Oracle。是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。可以说Oracle数据库系统是目前世界上流行的关系数据库管理系统,系统可移植性好、使用方便、功能强,适用于各类大、中、小、微机环境。它是一种高效率、可靠性好的、适应高吞吐量的数据库方案。

Apache Tomcat7、8、9(Java Web服务器)

Apache Tomcat7、8、9(Java Web服务器)

Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。