• 微信小程序-逆向解析(经纬度转地址)


    前言:

      开发项目时,先理清需求,在动手编写代码,这样有利于提高项目进度。在当前项目中我需要在打卡的时候显示当前打卡的地点。如下图:

    一、腾讯位置服务简介

       腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品。 在此基础上,腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包,可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务,让您的小程序更强大!

    二、申请密钥

      在腾讯位置服务中找到【微信小程序JavaScript SDK】进行申请密钥,开通webserviceAPI服务:控制台 ->应用管理 -> 我的应用 ->添加key-> 勾选WebServiceAPI -> 保存(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)

    三、下载微信小程序JavaScriptSDK

      微信小程序 JavaScriptSDK v1.1   JavaScriptSDK v1.2

    四、添加服务

      在小程序管理后台 -> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名,添加https://apis.map.qq.com

    五、接下来就是代码了

      在需要使用的小程序页面的js文件中引入

    1 const QQMapWX = require('你下载的JavaScriptSDK解析文件');
    2 const qqmapsdk = new QQMapWX({
    3   key: '申请的密钥' 4 
    4 });

      在方法里面调用reverseGeocoder函数

    1 qqmapsdk.reverseGeocoder({
    2     get_poi: 1,//是否返回周边POI列表(0:不返回,1.返回):
    3     location:‘需要解析地址的经纬度’,
    4     success: function(res) {//成功后的回调
    5        console.log(res)
    6     }
    7 })

      到这,在微信小程序中通过经纬度解析地址就完结了。

  • 相关阅读:
    Go语言和ASP.NET的一般处理程序在处理WEB请求时的速度比较
    XAML中特殊符号书写
    Sqlite执行insert or ignore 或insert or replace语句。
    对于项目编译时自动使用代码混淆的方法。
    Windows服务安装与控制
    PostgreSQL数据库中获取表主键名称
    开源框架
    RT/Metro商店应用如何调用SQLite数据库
    RT/Metro商店应用如何如何获取图片的宽高
    android中PreferenceScreen类的用法
  • 原文地址:https://www.cnblogs.com/WEB_zhumeng/p/14721429.html
Copyright © 2020-2023  润新知