小程序可以实现地图点选 获取经纬度位置信息功能吗

小程序可以实现地图点选 获取经纬度位置信息功能吗,第1张

可以。

获取经纬度位置信息功能的方法:

方法一:使用xGeocoding工具,批量获得Google Earth/Google Map/百度/腾讯/高德等地图的经纬度。工具地址:>

1打开百度地图“坐标拾取系统”:输入网址”>

2进入”坐标拾取系统“后,就可以方便的查询自己的精准地理信息了,我们以”海尔工业园“为例,寻找它的详细坐标。在搜索栏输入“海尔工业园”点击搜索,如图,就会在地图上出现相应的标记,点击你要找的某一个,就能看到相应的坐标。

3把找到的坐标输入到搜索栏,把后面“坐标反查”给勾上,点击搜索,就会对应的坐标打上标记,同时会有相应地址在最右边

4把鼠标在地图上滑行,你可以看到,鼠标滑到每一个地方,都会显示对应的坐标。

方法二:使用Python程序,直接嵌入即可。

找到小程序,点击屏幕右上角带三个点的按钮,然后再点击所示位置,

然后再点击更多资料,拿到小程序的APPID

去到任意小程序后台

   

打开所要获取地址的小程序页面

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>

运行效果

该 触发行为 将调取获取当前用户地理位置,同时可配置将地理位置信息值传递给 地图 组件,以及完成后调用的后续 触发器。

选择数值传递组件, 勾选获取地理位置后将坐标值传递给 地图 组件,接收设置值的 地图 组件需要在 检查器-数据绑定及设置 中开启 接收动态数据 开关。

设置完成触发器,用于勾选完成获取地理位置后所执行的后续触发器。

背景:最近的项目正好用着了这个功能,记录一下

微信小程序有个bug,一旦用户拒绝获取地理位置信息后,重新进入小程序不会再d出提示框获取用户信息,只有在设置里面允许获取地理位置信息

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

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

原文地址:https://54852.com/zz/10069812.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存