本篇内容主要讲解“小程序如何定位当前城市”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序如何定位当前城市”吧!
首先需要申请百度地图Geocoding API
Geocoding 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号”。
代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48 | Page({ data:{ city: '' }, onLoad: function (options){ this .loadInfo(); }, loadInfo: function (){ var page= this wx.getLocation({ type: 'wgs84' , // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标 success: function (res){ // success var longitude=res.longitude var latitude=res.latitude page.loadCity(longitude,latitude) }, fail: function () { // fail }, complete: function () { // complete } }) }, loadCity: function (longitude,latitude){ var page = this wx.request({ url: 'https://api.map.baidu.com/geocoder/v2/?ak=您的ak &location=' +latitude+ ',' +longitude+ '&output=json' , data: {}, header:{ 'Content-Type' : 'application/json' }, success: function (res){ // success console.log(res); var city=res.data.result.addressComponent.city; page.setData({city:city}); }, fail: function () { // fail }, complete: function () { // complete } }) } }) |
index.wxml
1
2
3
4 | <!--index.wxml--> < view class = "container" > {{city}} </ view > |
到此,相信大家对“小程序如何定位当前城市”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。