关注分享主机优惠活动
国内外VPS云服务器

详细讲解微信小程序的开发实现当前城市代码的定位(微信小程序开发的定位功能)

本文主要介绍微信小程序定位到当前城市实现示例代码的相关信息。有需要的朋友可以参考一下。

微信小程序定位到当前城市。

首先需要申请百度地图地理编码API。

地理编码API包括地址解析和反向地址解析功能:

1.地理编码:即地址解析。从街道的详细地址到结构化地址都可以获得百度经纬度信息。比如“北京市海淀区中关村南大街27号”的地址解析结果为“lng:116.31985,lat:39.959836”。同时,地理编码还支持将名胜古迹和标志性建筑的名称直接解析回百度经纬度。比如“百度大厦”地址解析的结果是“lng:116.30815,lat:40.056885”,这是一般的POI检索需求。建议使用Place API。

2.逆地理编码:即逆地址解析,其中从百度经纬度信息中获取结构化地址信息,如“lat:31.325152,lng:120.558957”。逆地址解析的结果是“江苏省苏州市虎丘区塔园路318号”。

代码:

page({ data:{ city:& # 039;'},onLoad:function(options){ this . loadinfo();},loadInfo:function(){ var page = this wx . get location({ type:& # 039;wgs84 & # 039、//默认为wgs84返回gps坐标,Gcj02返回坐标success:function(RES){//success var longitude = RES . longitude var latitude = RES . latitude page . load city(经度,纬度)},fail: function() { // fail },complete:function(){//complete } })},loadCity:function(经度,纬度){ var page = this wx . request({ URL:& # 039;https://api.map.baidu.com/geocoder/v2/? Ak =你的Ak & amp;location = & # 039;+纬度+& # 039;,'+经度+& # 039;& ampoutput = json & # 039,数据:{},表头:{ & # 039;content -Type & # 039;:'应用程序/JSON & # 039;}、success:function(RES){//success console . log(RES);var city = RES . data . result . address component . city;page . setdata({ city:city });},fail: function() { // fail },complete:function(){//complete } } })index . wxml

& lt!--index.wxml-->& ltview class = & quot容器& quot& gt{ { city } } & lt/view & gt;感谢您的阅读,希望能帮到您,也感谢您对本站的支持!

未经允许不得转载:主机频道 » 详细讲解微信小程序的开发实现当前城市代码的定位(微信小程序开发的定位功能)

评论 抢沙发

评论前必须登录!