微信小程序官方文档关于地理信息的相关API有如下方法可以获得用户当前地理位置: wxgetLocation(OBJECT) 获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用
可以定义多个data变量分别来储存相对应的坐标,之后通过事件相对应 *** 作。
简单获取坐标我推荐“经纬度卫星地理图”
实用工具
微信的地图数据是国测局加密坐标。
根据查询相关信息显示:微信小程序地图组件使用的是国测局加密坐标,微信受众多,微信小程序有了地图功能,大家就不用了在频繁的切换小程序了,更便捷更高效。
微信是腾讯公司于2011年1月21日推出的一个为智能终端提供即时通讯服务的免费应用程序,由张小龙所带领的腾讯广州研发中心产品团队打造。
wxcreateSelectorQuery()
基础库 140 开始支持,低版本需做兼容处理
返回一个SelectorQuery对象实例。可以在这个实例上使用select等方法选择节点,并使用boundingClientRect等方法选择需要查询的信息。
示例代码:
Page({
queryMultipleNodes: function(){var query = wxcreateSelectorQuery()
queryselect('#the-id')boundingClientRect()
queryselectViewport()scrollOffset()
queryexec(function(res){
res[0]top // #the-id节点的上边界坐标 res[1]scrollTop // 显示区域的竖直滚动位置})
}
})
selectorQuery
selectorQuery 对象的方法列表:
方法 参数 说明
select selector 参考下面详细介绍
selectAll selector 参考下面详细介绍
selectViewport 参考下面详细介绍
exec [callback] 参考下面详细介绍
selectorQueryselect(selector)
在当前页面下选择第一个匹配选择器selector的节点,返回一个NodesRef对象实例,可以用于获取节点信息。
selector类似于CSS的选择器,但仅支持下列语法。
ID选择器:#the-id
class选择器(可以连续指定多个):a-classanother-class
子元素选择器:the-parent > #the-childa-class
多选择器的并集:#a-node, some-other-nodes
selectorQueryselectAll(selector)
微信小程序开发可根据 getLocation 获取用户的地理位置信息,包含经纬度、移动速度、海拔信息,也可使用 onLocationChange 实时获取位置。测试了一下,坐标和海拔还是比较准确的。
鉴于部分同学提到坐标误差大的问题:其一,可能是在开发者工具中遇到该问题,原因是电脑中没有gps模块,无法准确获取位置,一般通过ip定位到行政区域;其二,坐标格式没有正确使用,微信提供了两种格式 wgs84 和 gcj02 ,前者是全球GPS系统使用的标准格式,后者是中国测绘局公布的国标,两者定位有一定偏差。这就要求开发者以何种方式获取的坐标,就应以何种方式解析;也可对坐标转换后再解析。
对于用户已授权定位的可直接通过以下方式获取:
对于不确定用户是否已开启定位权限的,应该分两种情况处理:
1、用户从未同意或拒绝授权定位权限的,可直接通过 authorize 发起授权,授权成功后即可获取位置信息。
2、由于微信为了更好的用户体验,当用户第一次放弃授权定位权限后,在此后使用的过程中,不会再向用户发起授权。这就需要引导用户开启定位权限。若 authorize 时提示 authorize:fail ,可通过 openSetting 引导用户开启授权,用户授权后即可获取位置信息
实时位置信息同样需要用户授权;
微信提供了 onLocationChange 来监听实时位置信息,需要结合 stopLocationUpdate ( 小程序前台运行时监听 )、 startLocationUpdateBackground ( 小程序前后台运行时监听 ) 使用,如下:
注:实时定位反应稍微慢一点,一般五秒后才能返回新的坐标,原因是多方面的,比如天气、建筑物、数据传输、数据处理等等。
以上就是关于微信小程序获取到位置坐标后,怎么获取具体地理位置信息全部的内容,包括:微信小程序获取到位置坐标后,怎么获取具体地理位置信息、如何在微信小程序里,调入百度地图后。实现输入多个坐标,可在地图上同时标记出来的功能、微信地图数据是什么等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)