
JS代码
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
//indexjs
//获取应用实例
var app = getApp()
Page({
data: {
motto: '示例小程序-获取当前地理位、速度',
userInfo: {},
hasLocation:false,
location:{}
},
//事件处理函数
bindViewTap: function() {
wxnavigateTo({
url: '/logs/logs'
})
},
onLoad: function () {
consolelog('onLoad')
var that = this
//调用应用实例的方法获取全局数据
appgetUserInfo(function(userInfo){
//更新数据
thatsetData({
userInfo:userInfo
})
}),
wxgetLocation( {
success: function( res ) {
consolelog( res )
thatsetData( {
hasLocation: true,
location: {
longitude: reslongitude,
latitude: reslatitude
}
})
}
})
}
})
indexwxml
1
2
3
4
5
6
7
8
9
10
11
12
<!--indexwxml-->
<view class="container">
<view bindtap="bindViewTap" class="userinfo">
<image class="userinfo-avatar" src="{{userInfoavatarUrl}}" background-size="cover"></image>
<text class="userinfo-nickname">{{userInfonickName}}</text>
</view>
<view class="usermotto">
<!-- <text class="user-motto">{{motto}}\n</text>-->
<text>经度:{{locationlongitude}}\n</text>
<text>纬度:{{locationlatitude}}</text>
</view>
</view>
运行效果
许多时候,我们需要获取用户位置信息 (例:门店、生鲜配送) 来根据用户具体位置提供服务,此时,我们就需要使用到微信小程序自带的 API 来获取用户经纬度;
如果需要将经纬度坐标转化为具体文本位置,可以调用第三方地图服务商提供的API实现,例如 腾讯地图开放平台 (参考“相关引用3”)
当默认获取的用户经纬度坐标已不足以满足业务需求时,可以通过让用户手动选择地图上的某个地址,可以通过 wxchooseLocation(Object ) 来打开 可以选择位置的地图 。
演示结果截图
1、未选择地址之前:
以上就是关于微信小程序获取到位置坐标后,怎么获取具体地理位置信息全部的内容,包括:微信小程序获取到位置坐标后,怎么获取具体地理位置信息、获取用户经纬度、用户手动选择地图位置、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)