微信小程序获取到位置坐标后,怎么获取具体地理位置信息

微信小程序获取到位置坐标后,怎么获取具体地理位置信息,第1张

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、未选择地址之前:

以上就是关于微信小程序获取到位置坐标后,怎么获取具体地理位置信息全部的内容,包括:微信小程序获取到位置坐标后,怎么获取具体地理位置信息、获取用户经纬度、用户手动选择地图位置、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10155862.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存