当前位置：首页 > news >正文

uniapp 微信小程序开发使用高德地图、腾讯地图

news 来源：原创 2025/7/12 21:09:29

一、高德地图

1.注册高德地图开放平台账号

（1）创建应用

这个key 第3步骤，配置到项目中locationGps.js

2.下载高德地图微信小程序插件

（1）下载地址

高德地图API | 微信小程序插件

（2）引入项目中

3. 创建逆地理编码js文件

（1）locationGps.js

/** 使用第三方地图逆地址解析经纬度获取用户当前所在位置信息* @param {Number} lat* @param {Number} lng*/export const getUserCurrentLocationInfo = (lat, lng) => {var GDMapWX = require('../assets/GD/amap-wx.130.js');var GDMapSdk = new GDMapWX.AMapWX({key: '' // 必填  高德应用key});return new Promise((resolve, reject) => {GDMapSdk.getRegeo({location: lng + ',' + lat,success: res => {if (res && res.length > 0) {resolve(res); // 确保返回的结果是一个数组} else {reject('No data returned');}},fail: function(error) {reject(error);}});});
}

（2）存放位置

4. 前端代码

<script>
import {getUserCurrentLocationInfo
} from "@/utils/locationGps.js"; // 引入函数data(){return {latitude: 0, // 纬度，范围为-90~90，负数表示南纬，使用 gcj02 国测局坐标系longitude: 0, // 经度，范围为-180~180，负数表示西经，使用 gcj02 国测局坐标系city: '',address: '',}}methods:{// 定位getLocation() {// 使用 uni.getLocation 获取经纬度uni.getLocation({type: 'gcj02', // 使用国测局坐标系 wgs84success: (res) => {console.log('经度：', res.longitude);console.log('纬度：', res.latitude);console.log('速度：', res.speed);console.log('精度：', res.accuracy);this.latitude = res.latitude;this.longitude = res.longitude;this.getLocationInfo(res.latitude, res.longitude); },fail: (err) => {console.error('获取位置失败', err);}});},// 使用高德地图 API 进行逆地理编码getLocationInfo(lat, lng) {getUserCurrentLocationInfo(lat, lng).then((res) => {this.city = res[0].regeocodeData.addressComponent.city || res[0].regeocodeData.addressComponent.province;this.address = res[0].regeocodeData.formatted_address;console.log('城市：', this.city);console.log('详细地址：', this.address);}).catch((error) => {console.error('逆地理编码失败', error);});},},mounted() {this.getLocation();},

二、腾讯地图

1.注册腾讯地图开放平台账号

（1）创建应用

腾讯地图开放平台

（2）前端代码

将应用key配置到前端代码中

<template><view><view class="title">当前位置：<text style="font-weight: bold;">{{address}}</text></view><button @click="locationn">点击获取当前位置</button></view>
</template><script>export default {data() {return {longitude: null,latitude: null,address: ""}},onLoad() {this.location()},methods: {location() {var that=thisuni.getFuzzyLocation({success: function(res) {that.longitude=res.longitudethat.latitude=res.latitude},});},locationn() {console.log(this.longitude)console.log(this.latitude)uni.request({url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${encodeURIComponent(this.latitude)},${encodeURIComponent(this.longitude)}&key=E7XBZ-FUXC7-D22XZ-POFT7-OD5LJ-6RBAV&get_poi=1`,method: 'GET',success: (res) => {console.log(res)this.address=res.data.result.ad_info.city}})}}}
</script><style>.title {display: inline-block;margin: 20px;font-size: 20px;}
</style>

在onLoad生命周期函数中，调用getFuzzyLocation方法来获取经纬度；

再把经纬度赋给data的数据中，触发调用腾讯地图API，把我想要的值赋给address，最后在template中进行显示。

备注：

需要再项目manifest.json中，mp-weixin节点配置requiredPrivateInfos和permission。

在调用 uni.getFuzzyLocation 之前，确保请求用户授权获取位置信息，否则你会遇到如下提示：

微信开发者工具自带的getLocation就可以实现上述效果，但是申请没有getFuzzyLocation好申请，腾讯地图API中也可以根据当前IP地址来进行调用。

uniapp 微信小程序开发使用高德地图、腾讯地图

一、高德地图 1.注册高德地图开放平台账号 （1）创建应用这个key 第3步骤，配置到项目中locationGps.js 2.下载高德地图微信小程序插件 （1）下载地址高德地图API | 微信小程序插件 （2）引入项目…...

编程日记 2025/7/12 21:09:29

Activation Functions

Chapter4：Activation Functions 声明：本篇博客笔记来源于《Neural Networks from scratch in Python》，作者的youtube 其实关于神经网络的入门博主已经写过几篇了，这里就不再赘述，附上链接。 1.一文窥见神经网络 2.神经…...

编程日记 2025/7/12 15:11:12

【TextIn—智能文档解析与DocFlow票据AI自动化处理：赋能企业文档数字化管理与数据治理的双重利器】

TextIn—智能文档解析与票据AI自动化处理：赋能企业文档数字化管理与数据治理的双重利器在数据驱动的时代，企业面临的挑战不仅在于海量数据的整理和响应速度的提高，更在于如何有效管理和利用这些日益增长的海量信息。尤其是在信息日趋多样…...

编程日记 2025/7/12 20:00:47

Quartus In-System Sources and Probes Editor 的使用说明

文章目录前言使用说明参考资料前言 Quartus 提供了 In-System Sources and Probes Editor 调试工具，通过 JTAG 接口使用该工具可以驱动和采样内部节点的逻辑值。即通过 Sources 功能来驱动 FPGA 内部信号，通过 Probes 功能来探测内部节点的逻辑值。在…...

编程日记 2025/7/12 16:59:45

【视觉SLAM:八、后端Ⅱ】

视觉SLAM后端的核心任务是估计相机的轨迹和场景的三维结构，这需要解决非线性优化问题。为了保证效率和精度，后端主要依赖以下两种方法：滑动窗口法（基于局部优化的策略）和位姿图优化（基于全局优化的策略&…...

编程日记 2025/7/12 21:03:31

【大模型实战篇】LLaMA Factory微调ChatGLM-4-9B模型

1. 背景介绍虽然现在大模型微调的文章很多，但纸上得来终觉浅，大模型微调的体感还是需要自己亲自上手实操过，才能有一些自己的感悟和直觉。这次我们选择使用llama_factory来微调chatglm-4-9B大模型。之前微调我们是用两块3090GPU显卡&…...

编程日记 2025/7/12 20:24:43

DataV是数据可视化工具与Echart类似相对Echart图标边框装饰可选官网DataV 安装 npm install kjgl77/datav-vue3main.ts import DataVVue3 from kjgl77/datav-vue3 app.use(DataVVue3)多个DataV遍历生成 Vue3viteDataV为例:<template><div w50rem h25rem flex&qu…...

编程日记 2025/7/12 21:03:37

【JavaWeb后端学习笔记】MySQL的常用函数（字符串函数，数值函数，日期函数，流程函数）

MySQL函数 1、字符串函数2、数值函数3、日期函数4、流程函数 1、字符串函数函数说明concat(s1, s2, …, sn)字符串拼接，将 s1, s2, …, sn 拼接成一个字符串lower(str)将字符串 str 全部转为小写upper(str)将字符串 str 全部转为大写lpad(str, n, pad)左填充&…...

编程日记 2025/7/12 20:02:39

开源AI智能名片2+1链动模式O2O商城小程序在流量留存与转化中的深度应用与优化策略

摘要在数字化时代，企业面临的市场竞争日益激烈，传统的营销手段已难以满足当前市场的多样化需求。开源AI智能名片21链动模式O2O商城小程序作为一种创新的数字化营销工具，凭借其开源特性、AI智能名片功能、21链动模式以及O2O商城小程序的优势…...

编程日记 2025/7/12 2:30:23

API多并发识别、C#文字识别

在当今数字化转型的浪潮中，信息处理的速度和准确性成为了企业在市场中立足的关键因素之一。特别是在大数据时代，海量的信息需要被快速、精确的解析和利用，因此，这正是文字识别技术大放异彩的舞台。翔云平台针对市场需求&#xff0…...

编程日记 2025/7/12 19:43:37

JVM和异常

Java 虚拟机（Java Virtual Machine，简称 JVM） 概述 JVM 是运行 Java 字节码的虚拟计算机，它是 Java 程序能够实现 “一次编写，到处运行（Write Once, Run Anywhere）” 特性的关键所在。Java 程…...

编程日记 2025/7/12 19:52:46

设计模式创建型单例模式（Singleton Pattern）与常见技术框架应用解析

单例模式（Singleton Pattern）是一种创建型设计模式，旨在确保某个类在应用程序的生命周期内只有一个实例，并提供一个全局访问点来获取该实例。这种设计模式在需要控制资源访问、避免频繁创建和销毁对象的场景中尤为有用。一、核心…...

编程日记 2025/7/12 20:25:28

idea( 2022.3.2)打包报错总结

一报错 class lombok.javac.apt.LombokProcessor (in unnamed module 0x4fe64d23) cannot access class com.sun.tools.javac.processing.JavacProcessingEnvironment (in module jdk.compiler) because module jdk.compiler does not export com.sun.tools.javac.processing …...

编程日记 2025/7/12 19:54:43

基于SpringBoot在线竞拍平台系统功能实现十一

## 一、前言介绍：1.1 项目摘要随着网络技术的飞速发展和电子商务的普及，竞拍系统作为一种新型的在线交易方式，已经逐渐深入到人们的日常生活中。传统的拍卖活动需要耗费大量的人力、物力和时间，从组织拍卖、宣传、报名、竞拍到成…...

编程日记 2025/7/12 20:19:27

kubernetes学习-Service

kubernetes学习-Service 1. Service说明2. 功能3.Service类型3.1 NodePort3.1.1 创建web-service.yaml3.1.2 创建web-pod.yaml3.1.3 部署3.1.4 验证 3.2 ClusterIP3.2.1 创建web-clusterIp-service.yaml3.2.2 创建web-clusterIp-pod.yaml3.2.3 部署3.2.4 验证 3.3 LoadBalancer…...

编程日记 2025/7/12 19:20:45

【bluedroid】A2dp Source播放流程源码分析(4)

接上集分析：【bluedroid】A2dp Source播放流程源码分析(3)-CSDN博客蓝牙和AUDIO之间的接口蓝牙和audio之间的通信是通过socket，管理socket中的文件是UIPC，UIPC管理两条socket。 A2DP_CTRL_PATH /data/misc/bluedroid/.a2dp_ctrl A2DP_DATA_PATH /data/misc/bluedroid…...

编程日记 2025/7/12 21:01:36

vue3基础，小白从入门到精通

目录一、vue.js 简述二、下载 vue.esm-browser.js 这个模块文件三、创建第一个Vue程序 3.1创建代码过程四、v-on 五、循环遍历(v-for) 六、判断语法(v-if和v-show) 6.1节点的动态属性v-bind 6.2 用v-bind实现CSS样式绑定一、vue.js 简述 Vue 3 是一款流行的 J…...

编程日记 2025/7/12 21:05:56

Go 如何优雅退出进程

优雅退出设计步骤在 Go 项目中，设计优雅退出（Graceful Shutdown）时，通常需要确保在收到退出信号时，程序能够安全地清理资源并优雅地退出。以下是常见的优雅退出设计步骤： 步骤 1：创建 contex…...

编程日记 2025/7/12 20:18:38

#Vue3篇：无感刷新token的原理JSESSIONID无感刷新和JWT接口刷新

基于这个后端是怎么更新token的为了理解后端是如何更新 Token 的，我们需要考虑一个典型的基于 Token 的身份验证流程，特别是涉及 JSESSIONID 和自定义 Token（如 JWT, JSON Web Token）的情况。下面我将介绍两种常见的更新 Token …...

编程日记 2025/7/12 9:44:26

从零开始学桶排序：Java 示例与优化建议

目录一、桶排序的工作原理二、适用场景三、桶排序的时间复杂度四、Java 实现桶排序桶排序（Bucket Sort）是一种基于分桶的排序算法，适用于输入数据分布较均匀的场景。它通过将元素分配到不同的“桶”中，然后对每个桶内的元…...

编程日记 2025/7/12 20:35:17

自定义luacheck校验规则

安装运行环境安装环境及源码解析，参考：LuaCheck校验原理解析自定义校验规则从代码中可以看出，定义一条规则有以下关键点： 需要定义告警信息：由键值对组成，key为告警编码（不一定为纯数字&…...

编程日记 2025/7/12 21:00:58

Mac连接云服务器工具推荐

文章目录前言步骤1. 下载2. 安装3. 常用插件安装4. 连接ssh测试5. 连接sftp测试注意：ssh和sftp的区别注意：不同文件传输的区别解决SSL自动退出前言 Royal TSX是什么： Royal TSX 是一款跨平台的远程桌面和连接管理工具，专为 mac…...

编程日记 2025/7/9 23:19:15

【react】Redux的设计思想与工作原理

Redux 的设计理念 Redux 的设计采用了 Facebook 提出的 Flux 数据处理理念在 Flux 中通过建立一个公共集中数据仓库 Store 进行管理，整体分成四个部分即: View （视图层）、Action （动作）、Dispatcher (派发器)、Stor…...

编程日记 2025/7/10 21:22:41

深入解析Android JNI：以Visualizer为例

深入解析Android JNI：以Visualizer为例引言 Java Native Interface (JNI) 是Java平台提供的一种机制，允许Java代码与本地代码（如C/C++）进行交互。在Android开发中，JNI被广泛用于性能优化、访问底层系统API、以及复用现有的C/C++库。本文将通过Android中的Visualizer类，…...

编程日记 2025/7/1 1:15:20

Java基于SpringBoot的甘肃非物质文化网站的设计与实现，附源码

博主介绍：✌Java老徐、7年大厂程序员经历。全网粉丝12w、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 🍅文末获取源码联系🍅 👇🏻 精彩专栏推荐订阅👇&…...

编程日记 2025/7/6 2:27:41

Unity小白工作心得（无限记录）

24届毕业，11月才找到工作在一家小公司。工作两个月了，遇到最大的问题就是探索新知识，每天都是摸索式前进，因为工作面临着交付，你不得不想尽办法解决问题然后交给上面，但其他程序员用的引擎不一样&#xff0…...

编程日记 2025/7/10 7:55:41

STC单片机内部常见寄存器及其作用

STC单片机内部常见寄存器及其作用 STC单片机是基于8051架构的增强型单片机，广泛应用于嵌入式系统中。其内部有多个特殊功能寄存器（SFR, Special Function Register），用于控制硬件模块（如定时器、串口、中断等&#xf…...

编程日记 2025/7/8 20:37:10

【亚马逊云】基于Amazon EC2实例部署 NextCloud 云网盘并使用 Docker-compose 搭建 ONLYOFFICE 企业在线办公应用软件

文章目录 1. 部署EC2实例2. 安装 Docker 服务3. 安装docker-compose4. 创建Docker-compose文件5. 创建nginx.conf文件6. 运行docker-compose命令开始部署7. 访问ONLYOFFICE插件8. 访问NextCloud云盘9. 下载并启用ONLYOFFICE插件10. 上传文件测试11. 所遇问题12. 参考链接 1. 部…...

编程日记 2025/7/7 7:54:34

vim、watch、cp和mv

一、vim使用技巧 vim主配置文件：/etc/vimrc （对所有用户都生效） vim子配置文件：vim ~/.vimrc (只对当前用户生效） 可写入： set nu 显示行号 ts2 tab键长度为两个空格（默认为8个空格…...

编程日记 2025/7/12 6:46:01

【Linux】：线程安全 + 死锁问题

📃个人主页：island1314 🔥个人专栏：Linux—登神长阶 ⛺️ 欢迎关注：👍点赞 👂🏽留言 😍收藏 💞 💞 💞 1. 线程安全和重入问题&…...

编程日记 2025/7/11 15:10:53

HarmonyOS Next 应用元服务开发-应用接续动态配置迁移保持迁移连续性

保证迁移连续性，由于迁移加载时，目标端拉起的应用可能执行过自己的迁移状态设置命令（如：冷启动时目标端在onCreate中设置了INACTIVE；热启动时对端已打开了不可迁移的页面，迁移状态为INACTIVE等情况&#xf…...

编程日记 2025/7/12 13:21:19

重装操作系统后 Oracle 11g 数据库数据还原

场景描述： 由于SSD系统盘损坏，更换硬盘后重装了操作系统，Oracle数据库之前安装在D盘(另一个硬盘)，更换硬盘多添加一个盘符重装系统后盘符从D变成E，也就是之前的D:/app/... 变成了现在的 E:/app/...，重新安装…...

编程日记 2025/7/10 23:44:49

《Vue3实战教程》39：Vue3无障碍访问

如果您有疑问，请观看视频教程《Vue3实战教程》无障碍访问 Web 无障碍访问 (也称为 a11y) 是指创建可供任何人使用的网站的做法——无论是身患某种障碍、通过慢速的网络连接访问、使用老旧或损坏的硬件，还是仅处于某种不方便的环境。例如，…...

编程日记 2025/7/12 17:16:09

Linux-Redis哨兵搭建

环境资源准备主机名IP端口号角色vm1192.168.64.156379/26379mastervm2192.168.64.166379/26379slavevm3192.168.64.176379/26379slave 6379为redis服务暴露端口号、26379为sentinel暴露端口号。安装Redis # 包文件下载 wget https://github.com/redis/redis/archive/7.2.2…...

编程日记 2025/7/7 22:52:53

数据分析思维（六）：分析方法——相关分析方法

数据分析并非只是简单的数据分析工具三板斧——Excel、SQL、Python，更重要的是数据分析思维。没有数据分析思维和业务知识，就算拿到一堆数据，也不知道如何下手。推荐书本《数据分析思维——分析方法和业务知识》，本文内容就是提取…...

编程日记 2025/7/8 22:05:30

Go基础之环境搭建

文章目录 1 Go1.1 简介1.1.1 定义1.1.2 特点用途 1.2 环境配置1.2.1 下载安装1.2.2 环境配置1.2.2.1 添加环境变量1.2.2.2 各个环境变量理解 1.2.3 验证环境变量 1.3 包管理工具 Go Modules1.3.1 开启使用1.3.2 添加依赖包1.3.3 配置国内包源1.3.3.1 通过 go env 配置1.3.3.2 修…...

编程日记 2025/7/11 16:11:33

Flume的安装和使用

一、安装Flume 1. 下载flume-1.7.0 http://mirrors.shu.edu.cn/apache/flume/1.7.0/apache-flume-1.7.0-bin.tar.gz 2. 解压改名 tar xvf apache-flume-1.7.0-bin.tar.gz mv apache-flume-1.7.0-bin flume 二、配置Flume 1. 配置sh文件 cp conf/flume-env.sh.template …...

编程日记 2025/7/12 15:43:17

原生js封装ajax请求以及css实现提示效果和禁止点击效果

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0,user-scalableno"><title>本地模式网络切换</title>&l…...

编程日记 2025/7/10 14:45:40

idea 的 springboot项目spring-boot-devtools 自动编译配置热部署

1，设置一 2，设置二设置二（旧版本） CtrlShiftAlt/ 点击弹出框中Registry... 引入（如果报错，换不同的版本） <dependency><groupId>org.springframework.boot</groupId><a…...

编程日记 2025/6/28 15:46:18

算法 class 005 （对数器C语言实现）

对数器的概念： 用来测试你的算法是否正确。怎么做呢？ 1：比如，写个冒泡排序，作为对比的对象 2：生成一个随机数数组，用来测试 3：用冒泡排序和你想要验证的那个排序算法，同…...

编程日记 2025/7/12 1:54:36

靶场搭建问题(技巧)总结

目录 DVWA靶场问题待续、更新中...... DVWA靶场问题错误信息 Parse error: syntax error, unexpected ‘[’, expecting ‘)’ in C:\Softwares\phpstudy\PHPTutorial\WWW\dvwa\dvwa\includes\dvwaPage.inc.php on line 52 原因 phpstudy2018所使用的php版本过低&#xff0c…...

编程日记 2025/7/9 5:28:01

Elasticsearch DSL版

文章目录 1.索引库操作创建索引库：删除索引库：查询索引库：修改索引库：总结 2.文档操作创建文档：查询文档：删除文档：全量修改文档：增量修改文档：总结 3.DSL查询语法&#…...

编程日记 2025/7/9 10:34:43

在K8S中，Pod请求另一个Pod偶尔出现超市或延迟，如何排查？

在Kubernetes中，当Pod请求另一个Pod时偶尔出现超时或延迟，可能是由于多种原因造成的。以下是一些建立的排查步骤： 1. 检查网络配置和插件： 确认你的kubernetes集群使用了合适的网络插件（如Calico、Flannel等&#xf…...

编程日记 2025/7/9 5:34:05

Echarts实现大屏可视化2

目录一、效果展示二、说明 2.1 销售额统计图表 2.2 全国热榜模块三、边框图片【border-image】 3.1 使用场景 3.2 边框图片切图原理 3.3 边框图片语法【重要】四、代码展示 4.1 展示页面 4.2 数据概览区域 4.3 监控区域 4.4 点位分布统计区域 4.5 设备数据统…...

编程日记 2025/7/8 23:38:09

HarmonyOS NEXT 应用开发练习：智能视频推荐

一、整体思路本DEMO展示了如何在HarmonyOS NEXT平台上开发一个智能视频推荐应用。应用通过模拟的用户偏好数据，为用户推荐可能感兴趣的视频。用户可以通过滑动屏幕查看推荐的视频列表，并点击视频封面进入播放页面，本例中仅模拟点击效果&…...

编程日记 2025/7/10 11:37:13

FPGA（二）组成结构基础内容

1. FPGA的基本结构 FPGA主要由以下部分组成： （1）可编程逻辑单元（CLB）：CLB是FPGA中最基本的逻辑单元，由查找表（LUT）和触发器组成，可实现任意逻辑功能。查找表…...

编程日记 2025/7/8 11:25:13

linux中执行命令

1.1 命令格式命令格式： 主命令选项参数（操作对象） 命令分为两类： 内置命令（ builtin ）：由 shell 程序自带的命令外部命令：有独立的可执行程序文件，文件名即命令…...

编程日记 2025/7/10 1:18:06

《Java 数据结构》

《Java 数据结构》 1. 概述 Java 数据结构是计算机科学中的一种基础概念，它涉及到数据的组织和存储方式，以便能够高效地访问和修改数据。在 Java 中，数据结构通常通过类和接口来实现，这些类和接口提供了用于操作数据的各种方法。…...

编程日记 2025/7/7 2:28:25

C# 设计模式（结构型模式）：装饰器模式

C# 设计模式（结构型模式）：装饰器模式在软件开发中，面对需要扩展功能但又不想修改已有代码的情况时，装饰模式（Decorator Pattern）是一个非常有用的设计模式。装饰模式允许我们在不改变对象自身…...

编程日记 2025/7/7 23:24:06

ubuntu初始配置

ubuntu初始配置 vm下ubuntu安装vmtools安装常用工具ubuntu终端美化安装ssh使用apt安装时出现错误解决办法 vm下ubuntu安装vmtools //安装vmtools sudo apt-get install open-vm-tools //桌面组件提供了更好的集成体验，包括拖放文件和共享剪贴板等功能 sudo apt-get…...

编程日记 2025/7/10 1:25:29