微信公众号-定位之地址逆解析导航

在微信JS_SDK工具包中为我们提供了地理定位的功能，但是该接口只返回了经纬度并没有返回准确的位置信息，此时我们可以通过调用腾讯地图的方法进行地址逆解析。

1. 获取地理位置接口

        wx.ready(function() {wx.getLocation({type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'success: function(res) {// alert(JSON.stringify(res))let lat = res.latitude; // 纬度，浮点数，范围为90 ~ -90let lng = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                    }});});

2. 地址逆解析

　　在页面中引入腾讯地图相关的js,这里的key你可以自己去申请

<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=Z4MBZ-N3BHJ-NKSFN-FQ3U3-HLUOZ-KTFB3"></script>

　　地址逆解析代码

geocoder = new qq.maps.Geocoder({complete:function(result){console.log(JSON.stringify(result.detail));}
});
var coord=new qq.maps.LatLng(lat, lng);
geocoder.getAddress(coord)

console.log(JSON.stringify(result.detail));结果如下：

{"address":"中国浙江省杭州市滨江区泰安路239号","addressComponents":{"country":"中国","province":"浙江省","city":"杭州市","district":"滨江区","street":"泰安路","streetNumber":"泰安路239号","town":"西兴街道","village":""},"location":{"lat":30.21,"lng":120.21},"nearPois":[{"latLng":{"lat":30.209749,"lng":120.20974},"id":"6786134103275397876","name":"杭州市滨江区文化中心","address":"浙江省杭州市滨江区泰安路200号","category":"文化场馆:文化宫","dist":0,"type":0}]
}

使用微信内置地图查看位置接口，导航功能

$('.postion')导航按钮，这里需要注意的是如果不是float类型IOS不能调起导航

$('.postion').on('click',function(){wx.openLocation({longitude: parseFloat(res.shops.longitude),//必须是float类型
        latitude: parseFloat(res.shops.latitude),name: res.shops.designation,//目的地的名称address: res.shops.province+res.shops.city+res.shops.district+res.shops.address //目的地的地址
    })
})

效果图如下：

转载于:https://www.cnblogs.com/liruoruo/p/10273055.html

微信公众号-定位之地址逆解析导航相关推荐

微信公众号定位用户所在位置
微信公众号定位用户所在位置最近由于项目的原因,涉及到了微信公众号,看了几天文档加上问了问同事,对这个玩意有一点了解,写一下微信公众号定位的方法,记一下以后方便用. //获取codevar url = ...
微信公众号---收货地址共享接口
微信公众号的共享地址接口实现第一步:获取access token 接口调用说明第二步:获取jsapi_ticket 示例前端示例第一步:获取access token access_token是 ...
小麦苗微信公众号文章链接地址
小麦苗微信公众号文章链接地址小麦苗的微信公众号文章链接地址 201609 发布日期文章标题链接地址 2016-09-30 2016-09-29 2016-09-28 2016-09-27 201 ...
php公众号被动回复,微信公众号被动消息回复原理解析
背景:某分厂需要实时查询工件堆放的位置,要求快速便捷,因此设计了采用微信公众号被动回复信息的方案. 技术实现:开发者服务器--基于Angular2框架的已发布网站,编程语言为Python,后台存储数据 ...
微信 php 地图定位,微信公众号定位地图位置写入数据库，再显示地图的方法
有一个表单,需要在填报过程中获取地理位置.定位方式有三种:H5,百度,公众号.因大家习惯了微信操作,最终选择通过微信公众号接口获取位置数据并写入数据库,再调用腾讯地图展示. 开发架构是laravel6 ...
js如何调用h5的日期控价_微信公众号支付H5调用支付解析
最近项目需要微信支付,然后看了下微信公众号支付,虽然不难,但是细节还是需要注意的,用了大半天时间写了个demo,并且完整的测试了一下支付流程,下面分享一下微信公众号支付的经验. 一.配置公众号微信支付 ...
开启微信公众号定位服务器,微信公众号的定位是怎样的？
现在很多的商家为了让自己的生意越做越好,所以他们都会有着属于自己的微信号,这样不但能够让他们有着一个更好的宣传方式,也能够让他们通过这个平台来把自己的事业发展得更大,毕竟现在网络是一个很好的平台,如果 ...
A9G开发板上报GPS定位数据实现微信公众号定位显示
文章目录前言一.准备工作 1.硬件准备 2.软件准备 3.微信公众号三.AT指令四.相关配置五.订阅信息和上报数据到公众号六.联系我们前言本文将介绍如何使用将A9G通过GPS定位得到的 ...
html微信定位转高德定位，JS微信公众号定位坐标转高德定位坐标，微信公众号定位精度转换高德精度，微信腾讯地图坐标转高德地图坐标
前言微信公众号获取的用户当前位置直接放到高德地图api上会偏差非常大,所以需要校正. 如下我分为三步调用:获取当前用户位置->转换成高德坐标->再初始化地图或者设置地图标点实现微信定 ...

微信公众号-定位之地址逆解析导航

微信公众号-定位之地址逆解析导航相关推荐

最新文章

热门文章