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

uniapp-vue3项目中引入高德地图的天气展示

news 来源：原创 2025/6/24 9:43:21

前言：

        uniapp-vue3项目中引入高德地图的天气展示

效果：

操作步骤：

1、页面上用定义我们的

当前天气信息：<view></view>

2、引入我们的map文件

<script setup>import amapFile from '../../libs/amap-wx.js'

3、使用我们的高德地图信息

import { reactive } from 'vue';// 接口返回也是这个结构
let mapTqObj = reactive({city:{data: "杨浦区",text: "城市"},humidity:{data: "56%",text: "湿度"},liveData:{adcode: "310110",city: "杨浦区",humidity: "56",humidity_float: "56.0",province: "上海",reporttime: "2025-05-15 16:01:08",temperature: "27",temperature_float: "27.0",weather: "阴",winddirection: "东北",windpower: "≤3",},temperature:{data: "27",text: "温度"},weather:{data: "阴",text: "天气"},winddirection:{data: "东北风",text: "风向"},windpower:{data: "≤3级",text: "风力"}})

4、获取天气方法

let initMap = function(){const myAmapFun = new amapFile.AMapWX({key: 'xxx', // 你的高德地图API Key});console.log('myAmapFun',myAmapFun)myAmapFun.getWeather({success: function(data){//成功回调console.log('天气信息',data)mapObj = data},fail: function(info){//失败回调console.log(info)}})}

5、调用方法

onShow(()=>{initMap()initData()})

相关文章：

uniapp-vue3项目中引入高德地图的天气展示

前言&#xff1a; uniapp-vue3项目中引入高德地图的天气展示 效果&#xff1a; 操作步骤&#xff1a; 1、页面上用定义我们的 当前天气信息&#xff1a;<view></view> 2、引入我们的map文件 <script setup>import amapFile from ../../libs/amap-wx.js …...

编程日记 2025/6/24 9:43:21

最新版VSCode通过SSH远程连接Ubuntu 16.04等旧版Linux的方法

根据官方文档Remote Development FAQ - Can I run VS Code Server on older Linux distributions?&#xff0c;自Visual Studio Code 1.99起&#xff0c;VSCode Remote - SSH Server由于运行库依赖更新&#xff0c;会无法连接到旧版Linux发行版上。但是好在官方在文档中还给了…...

编程日记 2025/6/23 23:58:22

Unity碰撞检测：射线与胶囊体投射/Layer（层）、LayerMask(遮罩层）

一、Physics碰撞检测 1.Physics.Raycast射线投射 Physics.Raycast 是 Unity 中用于执行射线检测&#xff08;Raycasting&#xff09;的方法。它允许你从一个点沿特定方向发射一条无形的“射线”&#xff0c;并检查这条射线是否与场景中的任何碰撞体相交。这个功能非常有用&am…...

编程日记 2025/6/4 17:49:28

浪潮云边协同：赋能云计算变革的强力引擎

在数字化浪潮以排山倒海之势席卷全球的当下&#xff0c;第五届数字中国建设峰会在福州盛大开幕。这场以“创新驱动新变革&#xff0c;数字引领新格局”为主题的行业盛会&#xff0c;宛如一座汇聚智慧与力量的灯塔&#xff0c;吸引了国内外众多行业精英齐聚一堂&#xff0c;共同…...

编程日记 2025/6/20 20:40:13

“傅里叶变换算法”来检测纸箱变形的简单示例

为了创建一个具有科技质感且能动态展示结果的纸箱变形检测傅里叶变换网页&#xff0c;下面将分别更新 HTML、CSS 和 JavaScript 文件。以下是更新后的代码&#xff1a; 1. HTML 文件 (index.html) <!DOCTYPE html> <html lang"zh-CN"> <head><…...

编程日记 2025/6/22 15:51:52

【SPIN】用Promela验证顺序程序：从断言到SPIN实战（SPIN学习系列--2）

你写了一段自认为“天衣无缝”的程序&#xff0c;但如何确保它真的没有bug&#xff1f;靠手动测试&#xff1f;可能漏掉边界情况&#xff1b;靠直觉&#xff1f;更不靠谱&#xff01;这时候&#xff0c;Promela SPIN组合就像程序的“显微镜”——用形式化验证技术&#xff0c;…...

编程日记 2025/6/24 9:40:29

如何卸载并重新安装 Mozilla Firefox 浏览器

如果你在 Windows 上遇到现有的 Mozilla FireFox 安装问题，以下是重新安装 FireFox 的步骤。这可以帮助用户解决由于某些扩展或设置问题，或者不小心下载了令人讨厌的广告软件而导致的问题。虽然现在使用 Firefox 浏览器的用户在渐渐沦为小众群体，但是 Firefox 浏览器依然是最…...

编程日记 2025/5/29 10:10:28

Linux 后台运行的方法

Linux 后台运行的两种方法&#xff1a;screen 和 nohup 使用指南 如有错误&#xff0c;敬请指正 方法一&#xff1a;使用 screen 管理后台任务&#xff08;推荐&#xff09; &#x1f539; 安装&#xff08;如未安装&#xff09; sudo apt install screen # Ubuntu/Debian …...

编程日记 2025/6/24 4:54:26

《无限暖暖》画质测评

《无限暖暖》作为一款采用虚幻5引擎打造的多平台畅玩、高自由度换装探索类RPG游戏&#xff0c;凭借其精美的画面、沉浸式操作和暖暖美丽坚毅的人设吸引了大量玩家。 在其中玩家可以通过做各样任务收集美好并感受到丰富的人生体验&#xff0c;暖暖所在的世界里有超多的NPC可以互…...

编程日记 2025/6/1 8:15:11

websocket简介与基本使用

websocket是什么 WebSocket 是一种基于 TCP 的全双工通信协议&#xff0c;允许客户端和服务器之间建立持久连接&#xff0c;实现实时、双向的数据传输。它是 HTTP 协议的补充&#xff0c;专为低延迟、高效率的实时通信设计。 核心特点 特性说明全双工通信客户端和服务器可以同时…...

编程日记 2025/6/20 15:46:37

面试题：请解释Java中的垃圾回收机制（Garbage Collection, GC），并讨论不同的垃圾回收算法及其优缺点

Java垃圾回收机制&#xff08;GC&#xff09; Java的垃圾回收机制负责自动管理内存&#xff0c;回收不再使用的对象以释放内存空间。GC通过以下步骤实现&#xff1a; 标记&#xff08;Marking&#xff09; &#xff1a;识别哪些对象是可达的&#xff0c;哪些是不可达的。清除…...

编程日记 2025/6/23 19:33:33

解决 Ubuntu 22.04 安装后启动卡死问题

最近在一台 PC 上安装了 Ubuntu 22.04 系统&#xff0c;但发现系统启动时出现问题&#xff1a;屏幕上出现一个旋转的小圈&#xff0c;旋转片刻后停止&#xff0c;系统无法正常进入桌面环境。经过一番排查&#xff0c;我找到了一种有效的解决方法&#xff0c;通过进入恢复模式并…...

编程日记 2025/6/22 21:58:17

线程的两种实现方式

线程的两种实现方式——内核支持线程&#xff08;kernal Supported Thread, KST&#xff09;&#xff0c; 用户级线程&#xff08;User Level Thread, ULT&#xff09; 1. 内核支持线程 顾名思义&#xff0c;内核支持线程即为在内核支持下的那些线程&#xff0c;它们的创建&am…...

编程日记 2025/5/29 11:19:32

Python Bug 修复案例分析：asyncio 事件循环异常引发的程序崩溃 两种修复方法

在 Python 异步编程的工作中&#xff0c;asyncio库为我们提供了高效处理并发任务的强大工具。然而&#xff0c;asyncio在使用过程中也可能因为一些细节处理不当而引发 Bug。下面&#xff0c;我们就来深入分析一个因asyncio事件循环异常导致程序崩溃的典型案例。兴趣的友友可以借…...

编程日记 2025/6/22 20:41:27

TCP（传输控制协议）建立连接的过程

TCP&#xff08;传输控制协议&#xff09;建立连接的过程称为 三次握手&#xff08;Three-Way Handshake&#xff09;。这是为了确保通信双方能够可靠地建立连接&#xff0c;并同步初始序列号。以下是详细步骤&#xff1a; 三次握手过程&#xff08;通俗比喻&#xff1a;打电话…...

编程日记 2025/6/23 23:42:40

（十九）Java集合框架深度解析：从基础到高级应用

一、集合框架概述 1.1 什么是集合框架 Java集合框架(Java Collections Framework, JCF)是Java语言中用于表示和操作集合的一套标准化体系结构。它提供了一组接口、实现类和算法&#xff0c;用于存储和操作对象组&#xff0c;解决了数组在存储对象时的诸多限制。 集合框架的主…...

编程日记 2025/6/24 9:08:11

数据结构与算法-线性表-单链表（Linked List）

1 线性表 1.2 单链表&#xff08;Linked List&#xff09; 顺序表在内存中是连续的进行存储&#xff0c;可以随机获取某个元素&#xff0c;但是在插入和删除元素的时候就非常不方便&#xff0c;需要移动很多相关的元素&#xff0c;链表就可以解决这个问题。 链表就是每个节点…...

编程日记 2025/6/24 9:09:37

Vue3学习（组合式API——生命周期函数基础）

目录 一、Vue3组合式API中的生命周期函数。 &#xff08;1&#xff09;各阶段生命周期涉及函数简单介绍。 <1>创建挂载阶段的生命周期函数。 <2>更新阶段的生命周期函数。 <3>卸载阶段的生命周期函数。 <4>错误处理的生命周期函数。 &#xff08;2&…...

编程日记 2025/6/20 2:27:14

MySQL索引优化面试高频考点解析（附实战场景）

文章目录 当索引失效成为面试官的"送命题"&#xff08;必看&#xff01;&#xff09;高频考点一&#xff1a;索引失效的七大死亡陷阱1. 隐式类型转换&#xff08;血泪案例&#xff01;&#xff09;2. 函数操作毁所有 高频考点二&#xff1a;最左前缀原则的魔鬼细节组…...

编程日记 2025/6/22 1:30:56

三目云台20倍变焦智能监控技术

“三目云台20倍转动”通常指的是一种具备三目变焦功能和20倍光学变焦能力的云台摄像机。以下是对这一概念的详细解释&#xff1a; 一、三目变焦功能 三目云台摄像机通常配备“长、短、广”三组定焦镜头&#xff0c;每组镜头都有其独特的作用&#xff1a; 长焦镜头 &#xff…...

编程日记 2025/6/21 17:43:57

SQL注入---05--跨站注入

1 权限说明 select * from mysql.user; 这里的Y表示我前面的命令权限为root&#xff0c;n表示不支持root权限 导致结果&#xff1a; 如果为root的话&#xff0c;我就可操作这些命令并且可以进行跨数据库攻击&#xff0c;但是如果不是高权限root就无法执行这些操作 2 root权限…...

编程日记 2025/6/23 20:51:58

AAC 协议

1. ADTS（Audio Data Transport Stream）帧结构 在ADTS（Audio Data Transport Stream）帧结构中，“上面扩展28 bit”指的是ADTS固定头（adts_fixed_header()）和ADTS可变头（adts_variable_header()）各自包含的28位信息。 1.1 ADTS固定头（adts_fixed_header()） AAC 帧…...

编程日记 2025/6/22 16:45:19

HGDB企业版迁移到HGDB安全版

文章目录 环境文档用途详细信息 环境 系统平台&#xff1a;Linux x86-64 Red Hat Enterprise Linux 7 版本&#xff1a;4.5.8,6.0 文档用途 HGDB企业版数据库通过命令备份恢复&#xff0c;迁移到HGDB安全版中。 详细信息 1、环境介绍 1 IP 操作系统 cpux.x.65.10 …...

编程日记 2025/6/21 21:21:54

智慧化系统安全分析报告

智慧化系统的安全背景与现状 一、政策法规背景 &#xff08;一&#xff09;全球主要国家/地区政策对比 地区政策名称核心内容实施时间特点中国《生成式人工智能服务管理暂行办法》明确服务提供者责任&#xff0c;强调数据合法、隐私保护&#xff0c;禁止生成违法内容2023年8…...

编程日记 2025/6/20 5:43:28

概率相关问题

问题汇总 1. 贝叶斯定理&#xff08;贝叶斯公式和全概率公式&#xff09;2. 概率题2.1 随机发生器的概率为1/2 1. 贝叶斯定理&#xff08;贝叶斯公式和全概率公式&#xff09; 定义&#xff1a;在信息和条件有限的情况下&#xff0c;基于过去的数据&#xff0c;通过动态调整的…...

编程日记 2025/6/20 14:14:40

使用 GitDiagram 快速将 GitHub 仓库转换为交互式图表

前言 当面对 GitHub 上文件目录错综复杂的新项目&#xff0c;且你急需快速了解其系统设计或架构流程时&#xff0c;你可能会感到束手无策。今天大姚给大家分享一个开源利器 GitDiagram&#xff0c;它可以轻松将任何复杂的 GitHub 仓库转化为直观、交互式的图表&#xff0c;这对…...

编程日记 2025/6/24 9:08:12

AWS CloudHSM：金融级密钥安全管理实战，如何通过FIPS 140-2认证守护数据生命线？

数据泄露平均成本430万美元&#xff0c;加密漏洞成头号杀手&#xff01;当《数据安全法》撞上金融科技合规&#xff0c;开发者如何用硬件安全模块&#xff08;HSM&#xff09;构建不可破解的密钥堡垒&#xff1f;本文揭秘AWS CloudHSM如何成为支付系统、电子病历、区块链的“数…...

编程日记 2025/6/23 14:53:52

自定义分区器-基础

什么是分区 在 Spark 里&#xff0c;弹性分布式数据集&#xff08;RDD&#xff09;是核心的数据抽象&#xff0c;它是不可变的、可分区的、里面的元素并行计算的集合。 在 Spark 中&#xff0c;分区是指将数据集按照一定的规则划分成多个较小的子集&#xff0c;每个子集可以独立…...

编程日记 2025/6/22 8:16:02

＜C++＞ MFC自动关闭对话框（MessageBoxTimeout）

MFC自动关闭对话框&#xff08;MessageBoxTimeout&#xff09; 记录一下今天在界面开发中的解决方案。自动关闭对话框有两种方案&#xff1a; 1.使用定时器实现延迟关闭&#xff08;DeepSeek方案&#xff09; 提示框显示几秒后自动关闭&#xff0c;可以使用 SetTimer KillT…...

编程日记 2025/6/20 12:54:59

一个基于 Spring Boot 的实现，用于代理百度 AI 的 OCR 接口

一个基于 Spring Boot 的实现&#xff0c;用于代理百度 AI 的 OCR 接口 BaiduAIController.javaBaiduAIConfig.java在 application.yml 或 application.properties 中添加配置&#xff1a;application.yml同时&#xff0c;需要在Spring Boot应用中配置RestTemplate&#xff1a;…...

编程日记 2025/6/24 9:11:29

Python60日基础学习打卡D26

算圆形面积 错误代码 import mathdef calculate_circle_area(r):try:S math.pi * r**2except r&#xff1c;0:print("半径不能为负数")return S 正确代码 import mathdef calculate_circle_area(radius):try:if radius < 0:return 0return math.pi * radius…...

编程日记 2025/5/29 14:28:08

报销单业务笔记

文章目录 业务点业务点-对公对私业务点-多系统标志 特殊业务入参入参报文 出参出参报文中间的逻辑多对多关系 其他应该是整体成功还是可以部分成功这种多对多关多关系有没有优雅的判断方式 报销单是个通用场景&#xff0c;有通用逻辑&#xff0c;在此基础上进行适度定制&#x…...

编程日记 2025/5/29 0:21:49

小红书的评论区营销经验分享

在小红书等社交平台上采用“主账号提问小号解答”的营销策略&#xff0c;其核心作用是通过角色分工和场景化互动&#xff0c;降低用户对广告的抵触心理&#xff0c;同时提升内容的可信度和转化效率。以下是其底层逻辑和具体作用分析&#xff1a; 一、角色分工&#xff1a;制造…...

编程日记 2025/5/29 7:05:36

通义灵码 2.5.4 版【**编程智能体**】初体验

一、通义灵码安装 1.VSCode通义灵码插件安装 VSCode搜索lingma&#xff0c;出现Lingma-Alibaba,点击安装即可&#xff0c;安装完毕如下图所示。 可以看到右侧版本信息如下&#xff1a;alibaba-cloud.tongyi-lingma版本2.5.4上次更新时间2025-05-13, 11:02:16&#xff0c;安装…...

编程日记 2025/6/19 20:52:01

2025ICPC陕西省赛题解一

L. easy 每行选能选的最小的两个&#xff0c;注意处理奇数的情况。 #include <bits/stdc.h> #define x first #define y second #define int long longusing namespace std; typedef unsigned long long ULL ; typedef pair<int,int> PII ; typedef pair<lon…...

编程日记 2025/6/4 4:28:04

java方法的练习题

方法中对自定义类型的传递 package MethodParameter.MethodParameter03;public class MP03 {public static void main(String[] args) {Person p new Person();p.m_Age 100;p.m_Name "John";B b new B();b.test02(p);System.out.println(p.m_Age p.m_Name);} }…...

编程日记 2025/6/19 18:33:49

【在qiankun模式下el-dropdown点击，浏览器报Failed to execute ‘getComputedStyle‘ on ‘Window‘: parameter 1 is not o

在qiankun模式下el-dropdown点击&#xff0c;浏览器报Failed to execute ‘getComputedStyle’ on ‘Window’: parameter 1 is not of type ‘Element’ 错误 在qiankun模式下el-dropdown点击&#xff0c;浏览器报Failed to execute ‘getComputedStyle’ on ‘Window’: par…...

编程日记 2025/6/3 19:06:31

世界模型+大模型+自动驾驶 论文小汇总

最近看了一些论文&#xff0c;懒得一个个写博客了&#xff0c;直接汇总起来 文章目录 大模型VLM-ADVLM-E2EOpenDriveVLAFASIONAD&#xff1a;自适应反馈的类人自动驾驶中快速和慢速思维融合系统快系统慢系统快慢结合 世界模型End-to-End Driving with Online Trajectory Evalu…...

编程日记 2025/6/1 10:11:33

elementUI如何动态增减表单项

设置prop的字段&#xff1a;:prop"configs.${i}.platform" <template><el-dialogtitle"编辑配置":close-on-click-modal"false":before-close"beforeClose":visible.sync"visible"v-if"visible"class&q…...

编程日记 2025/6/21 8:53:45

vite运行只能访问localhost解决办法

1、找到package.json的scripts方法 2、然后指定 vite --host即可...

编程日记 2025/5/29 22:41:52

msf安卓远控木马手动捆绑正常apk

生成的安卓木马捆绑到正常的apk的apk中可以增强隐蔽性&#xff0c;有一定的过毒效果 这篇文章来讲解如何通过手动注入来实现apk的捆绑 工具&#xff1a;mt管理器 首先我们要明白原理&#xff1a;木马的payload存在于其dex文件中&#xff0c;将木马的payload注入到正常apk中&…...

编程日记 2025/6/23 19:51:28

【YOLO 系列】基于YOLO的道路坑洞检测识别系统【python源码+Pyqt5界面+数据集+训练代码】

前言 在传统的道路维护和管理中&#xff0c;道路坑洞的检测通常依赖人工巡查&#xff0c;这种方式不仅效率低下&#xff0c;容易出现漏检和误检的情况&#xff0c;而且在复杂的路况和恶劣的天气条件下&#xff0c;检测人员的安全也难以保障。而基于 YOLO 的道路坑洞检测系统&a…...

编程日记 2025/5/29 8:45:13

以项目的方式学QT开发（一）——超详细讲解（120000多字详细讲解，涵盖qt大量知识）逐步更新！

以项目的方式学QT开发 以项目的方式学QT开发 P1 QT介绍 1.1 QT简介 1.2 QT安装 1.2.1 Windows QT安装 1.2.2 QT Creator 使用基本介绍 P2 C基础 2.1 命名空间 2.1.1 命名空间作用 2.1.2 自定义命名空间 2.2 从C语言快速入门 2.2.1 输入输出 2.2.2 基…...

编程日记 2025/6/23 14:37:59

大模型学习

ChatTempate&#xff0c;Completion Only&#xff0c;NEFTune&#xff0c;SFTTrainer 微调技术 &#xff08;背景&#xff1a;预训练后的大模型只会根据上文&#xff0c;输出下文&#xff0c;但效果不好&#xff0c;要微调帮他更好理解&#xff09; ChatTemplate 是一种用于定…...

编程日记 2025/6/21 20:04:04

print()函数详解：输出文字、变量与格式化

用ChatGPT做软件测试 “掌握输出&#xff0c;才能掌控信息&#xff1b;理解输出&#xff0c;才能洞悉程序运行的本质。” 当我们敲下人生第一个 Python 代码&#xff1a; print("Hello, World!")也许并未意识到&#xff0c;我们接触的是整个编程世界中最基础、却也最…...

编程日记 2025/6/4 11:24:05

RPC与SOAP的区别

一.RPC&#xff08;远程过程调用&#xff09;和SOAP&#xff08;简单对象访问协议&#xff09;均用于实现分布式系统中的远程通信&#xff0c;但两者在设计理念、协议实现及应用场景上存在显著差异。 二.对比 1.设计理念 2.协议规范 3.技术特性 4.典型应用场景 5.总结 三.总结…...

编程日记 2025/6/24 8:19:42

2025认证杯数学建模A题思路+代码+模型：小行星轨迹预测

2025认证杯数学建模A题思路代码模型&#xff0c;详细内容见文末名片 近地小行星&#xff08; Near Earth Asteroids, NEAs &#xff09;是轨道相对接近地球的小行 星&#xff0c;它的正式定义为椭圆轨道的近日距不大于 1.3 天文单位&#xff08; AU &#xff09;的小行星。 …...

编程日记 2025/6/23 22:39:03

Axure中继器高保真交互原型的核心元件

Axure作为一款强大的原型设计工具&#xff0c;中继器无疑是打造高保真交互原型的核心利器。今天&#xff0c;就让我们深入探讨一下Axure中继器的核心地位、操作难点&#xff0c;以及如何借助优秀案例来提升我们的中继器使用技能。 一、核心地位 中继器在Axure中的地位举足轻重…...

编程日记 2025/6/21 18:45:49

Java中Money类的使用及与BigDecimal的对比

精心整理了最新的面试资料和简历模板&#xff0c;有需要的可以自行获取 点击前往百度网盘获取 点击前往夸克网盘获取 一、为什么需要Money类&#xff1f; 在金融和商业计算中&#xff0c;精确的货币处理是至关重要的。虽然Java提供了BigDecimal类来处理高精度计算&#xff0c…...

编程日记 2025/6/22 1:21:01

第三章：系统命令

1.系统当前时间 date命令&#xff1a; 2.切换用户 su 用户名 sudo 命令&#xff1a;表示使用超级管理员身份执行该命令&#xff0c;如果你当前不是管理员&#xff0c;希望以管理员身份执行某个命令时&#xff0c;使用sudo&#xff0c;需要输入超级管理员的密码&#xff1a; …...

编程日记 2025/6/21 6:49:43