本篇内容主要讲解“小程序如何定位当前城市”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“小程序如何定位当前城市”吧!
首先需要申请百度地图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',
success: function(res){
var longitude=res.longitude
var latitude=res.latitude
page.loadCity(longitude,latitude)
},
fail: function() {
},
complete: function() {
}
})
},
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){
console.log(res);
var city=res.data.result.addressComponent.city;
page.setData({city:city});
},
fail: function() {
},
complete: function() {
}
})
}
})
|
index.wxml
1
2
3
4 | <view class="container">
{{city}}
</view>
|
到此，相信大家对“小程序如何定位当前城市”有了更深的了解，不妨来实际操作一番吧！这里是天达云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！