微信小程序-逆地址解析

根据经纬度查询周围小区用到的是逆地址解析的功能，所谓的逆地址解析是指根据经纬度获取位置的相关描述，在申请完密钥后下载微信小程序 Javascript SDK 调用其提供的方法即可实现查询周围小区的功能。

第三步：下载并解压后将 Javascript SDK 放到 libs 目录下，然后到 utils/qqmap.js 中配置腾讯位置服务的密钥。

然后在调用 SDK 提供的 reverseGeocoder 方法获取位置描述：

具体代码如下：

// house_pkg/pages/locate/index.ts
// 导入腾讯位置服务提供的 Javascript SDK
import qqmapsdk from '../../../utils/qqmap'
Page({/*** 页面的初始数据*/data: {address: '',points: []},onLoad(){// 页面一加载就获取用户所在周围小区console.log(6666);this.getLocation()},//获取 用户所在位置经纬度  主动获取async getLocation() {console.log(1111111);//获取 用户所在位置经纬度const {latitude,longitude} = await wx.getLocation()// 查看经纬度console.log(latitude, longitude, 55)// 调用 SDK 提共的方法 根据经纬度获取位置信息this.getPoint(latitude, longitude)},// 用户点击【重新定位】按钮时调用 wx.chooseLocation 获取用户指定位置的经纬度async chooseLocation() {// 用户所在位置经纬度const {latitude,longitude} = await wx.chooseLocation()// 查看经纬度console.log(latitude, longitude, 56)// 调用函数 根据经纬度获取位置信息this.getPoint(latitude, longitude)},getPoint(latitude, longitude) {console.log(latitude, longitude, 888888);// 逆地址解析（根据经纬度查询位置相关描述）qqmapsdk.reverseGeocoder({// location: [latitude, longitude].join(','), //获取表单传入的位置坐标location: '30.707141,114.400824', //获取表单传入的位置坐标  固定坐标success: (res) => {console.log(res, 7777);// 结果为当前所在的地址this.setData({address: res.result.address})},})// 搜索qqmapsdk.search({keyword: '住宅小区', //搜索关键词// location: [latitude, longitude].join(','), //设置周边搜索中心点location: '30.707141,114.400824',   //设置周边搜索中心点  固定坐标success: (res) => { //搜索成功后的回调console.log(res, 2222);let points = res.data.map(item => {return {id: item.id,title: item.title,_distance: item._distance}})console.log(points, 3333);// 更新数据，重新渲染this.setData({points})},fail: function (res) {console.log(res);},complete: function (res) {console.log(res);}})},// 选择楼栋goBuilding(ev) {console.log(ev, 88);wx.navigateTo({url: '/house_pkg/pages/building/index?point=' + ev.mark.point,})},

微信小程序-逆地址解析相关推荐

微信小程序逆地址解析
1.申请密钥创建个人开发账号 ->控制台 -> 应用管理 -> 创建应用勾选webServerApi和小程序,添加appId -> 生成应用密钥腾讯位置服务 2. 微信开放 ...
微信小程序 - 接入腾讯地图 SDK 及详细使用教程，结合小程序 mpa 地图组件展示腾讯地图（基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆地址解析 / 坐标系的转化）
介绍网上的教程都太乱了,代码根本没办法拿到自己的项目中去. 本文实现了微信小程序中接入使用腾讯地图插件详细教程,并提供了基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆 ...
微信小程序-调用腾讯地图插件实现定点，路线规划，地铁图，服务拓展（逆地址解析，地点搜索）
实现流程实现思路使用工具基础介绍小程序结构介绍整体代码结构调用插件主页分析定点出行规划服务地铁图服务接口能力逆地址解析地点搜索注意问题问题仓库地址实现思路选择小程序 ...
微信小程序中实现定位以及逆地址解析
文章目录前言一.原理二.腾讯地图key 二.编码 1. App.json 2. JavaScript 3. 返回值总结前言在微信小程序开发中,我们可以提前获取用户的地理位置,为用户提供更好 ...
uniapp｜微信小程序获取当前城市名称--逆地址解析
六年代码两茫茫,不思量,自难忘 6年资深前端主管一枚,只分享技术干货,项目实战经验关注博主不迷路~ 文章目录问题解决步骤看文档逆地址解析 1. 创建应用 2. uniapp配置 3. 代码部 ...
微信小程序如何根据地理定位逆地址解析-百度逆地址解析（内附代码）？
第一步:准备百度逆地址解析需要用到的访问应用AK 首先去百度地图开放平台注册一个账号百度地图开放平台 | 百度地图API SDK | 地图开发接着创建应用然后选择应用类型为微信小程序注意:AP ...
微信小程序地图逆地址解析使用实战
开发场景获取当前位置信息或者某地的行政区划信息或者街道信息,实现类似电商平台填写收货地址功能. 技术选型微信小程序JavaScript SDK 微信小程序插件确定业务逻辑及页面设计以简洁大气为 ...
微信小程序用户定位(逆地址解析)
微信小程序提供的接口只能获得用户的经纬度 wx.getLocation(Object) 可以通过腾讯提供的位置位置服务接口解析经纬度来获取地址信息首先进入腾讯位置服务官网http://lbs.qq. ...
微信小程序使用腾讯地图进行路线规划，坐标转地址，逆地理编码，计算目的地跟自身定位的距离
微信小程序使用腾讯地图 1.介绍腾讯地图官方文档: https://lbs.qq.com/ 这里,我主要运用的是这几个api ,我在运用的过程中主要实现的功能有:地图路线规划.地址转坐标+计算距离. ...

微信小程序-逆地址解析

微信小程序-逆地址解析相关推荐

最新文章

热门文章