news 2026/10/6 16:28:55

微信小程序定位(高德地图)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
微信小程序定位(高德地图)

一、高德地图

1.1 高德地图拾取经纬度坐标

经纬度坐标可以使用高德地图的坐标拾取工具获取:

注册高德地图,进入https://lbs.amap.com/tools/picker,

输入天津市世纪钟广场。获取经纬度:117.21,39.13。

1.2 高德地图的查询地理编码

高德地图的查询地理编码接口定位如下图:

接口文档地址:https://lbs.amap.com/api/webservice/guide/api/georegeo

地理编码:将详细的结构化地址转换为高德经纬度坐标。且支持对地标性名胜景区、建筑物名称解析为高德经纬度坐标。 结构化地址举例:北京市朝阳区阜通东大街6号转换后经纬度:116.480881,39.989410 地标性建筑举例:天安门转换后经纬度:116.397499,39.908722
逆地理编码:将经纬度转换为详细结构化的地址,且返回附近周边的 POI、AOI 信息。 例如:116.480881,39.989410 转换地址描述后:北京市朝阳区阜通东大街6号

1.3 获取全国的区域信息

从高德地图下载拿到全国的区域信息,包括了city_code(https://lbs.amap.com/api/webservice/download)

二、微信小程序定位

2.1 微信小程序定位

小程序端的定位是通过手机的定位模块进行定位,定位成功获取经纬度坐标,系统根据经纬度坐标请求地图服务获取经纬度坐标对应的具体位置。
小程序首先通过微信提供的方法拿到经纬度坐标,然后请求后端获取具体的位置,后端会请求高德地图根据经纬度获取具体的城市信息。

2.2 微信小程序虚拟定位的设置

虚拟定位即不是按手机位置进行定位,在微信开发环境可以指定小程序虚拟定位。

首先打开虚拟定位,指定经纬度,如下图:

高德地图接口文档地址:
https://lbs.amap.com/api/webservice/guide/api/georegeo

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/10/5 5:45:24

ArduPilot飞控搭配BLHeli电调的航拍稳定性优化指南

让航拍稳如磐石:ArduPilot飞控与BLHeli电调的深度协同实战你有没有遇到过这种情况——精心架设云台、用上6K相机,飞行器一起飞,画面却总是“微微晃动”,像是镜头在“呼吸”?明明悬停很稳,回放视频时却总觉得…

作者头像 李华
网站建设 2026/10/5 5:45:37

现网都在用,但很多人不知道的网络服务和管理

一、DHCP 动态主机配置协议核心概念协议层级应用层协议核心作用客户端网卡设置为「动态获取IP」模式时,DHCP服务器会自动为其分配IP地址、子网掩码、网关、DNS等网络参数,实现客户端联网,减少手动配置工作量。典型场景办公网、校园网、家庭路…

作者头像 李华
网站建设 2026/10/6 9:49:43

基于Dify的语音助手前端+后端整合方案

基于 Dify 的语音助手前后端整合实践 在智能设备无处不在的今天,用户对“能听、会说、懂你”的语音助手期待越来越高。从智能家居到企业客服系统,语音交互正逐步成为主流入口。但构建一个真正可用的语音助手,并非只是接上语音识别&#xff08…

作者头像 李华
网站建设 2026/10/5 5:45:23

LVGL教程:RGB接口屏幕驱动调试技巧

搞定RGB屏不花、不闪、不撕裂:LVGL底层驱动调试实战指南你有没有遇到过这样的场景?LVGL界面写得漂亮,控件动画丝滑流畅,结果一烧进板子——屏幕要么全白、要么花得像抽象画,或者画面“上下错位”、刷新时疯狂闪烁。更糟…

作者头像 李华
网站建设 2026/10/5 9:43:21

4、用 Ruby 进行数据可视化与桌面报告生成

用 Ruby 进行数据可视化与桌面报告生成 1. 使用 Gruff 创建柱状图 在数据可视化中,柱状图是一种常用的展示方式。以下代码展示了如何使用 Gruff 库为数据库中的每个玩家创建柱状图报告: Player.find(:all).each do |player|bar_chart = Gruff::Bar.new(1024)bar_chart.le…

作者头像 李华
网站建设 2026/10/5 9:43:20

7、Rails应用开发:从演员日程表到团队性能报告

Rails应用开发:从演员日程表到团队性能报告 演员日程表应用 在Rails中开发一个简单的Web应用,首先要创建应用的布局文件。以下是演员日程表视图的布局代码: <html> <head> <title>Actor Schedule Report</title> </head> <body> &l…

作者头像 李华