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

vue3 -- 集成 amap（高德地图）

news 文章来源：https://blog.csdn.net/weixin_44412840/article/details/145544185 2025/5/18 2:21:48

🍍效果

本文介绍了如何在 Vue 3 项目中集成高德地图（AMap），并使用 PoiPicker 实现地点搜索功能。文章首先通过
AMapLoader 异步加载高德地图 API，并初始化 Map 实例。同时，借助 AMapUI 组件库引入
PoiPicker，绑定搜索输入框，实现地点选择功能。PoiPicker 监听用户的
POI（兴趣点）选择后，在地图上添加标记（Marker），并通过 InfoWindow
显示地点信息。此外，还在组件卸载时清理地图实例，防止内存泄漏。优化后的代码结构清晰，拆分了 initMap 和
loadAMapUIPoiPicker 逻辑，提高了可读性和可维护性。

在这里插入图片描述

🍍运行环境


@amap/amap-jsapi-loader	^1.0.1

vue3 -- 集成 amap（高德地图）

🍍效果本文介绍了如何在 Vue 3 项目中集成高德地图（AMap），并使用 PoiPicker 实现地点搜索功能。文章首先通过 AMapLoader 异步加载高德地图 API，并初始化 Map 实例。同时，借助 AMapUI 组件库引入 PoiPicker，绑定搜索输入框，实现地点选择功能。PoiPicker 监听用户的 …...

编程日记 2025/2/12 2:39:55

import numpy as np 计算用户之间的相似度（这里使用余弦相似度） def cosine_similarity(user1, user2): numerator np.dot(user1, user2) denominator np.linalg.norm(user1) * np.linalg.norm(user2) return numerator / denominator if denominato…...

编程日记 2025/2/12 2:37:52

4.python+flask+SQLAlchemy+达梦数据库

前提 1.liunx Centos7上通过docker部署了达梦数据库。从达梦官网下载的docker镜像。（可以参考前面的博文） 2.windows上通过下载x86,win64位的达梦数据库，只安装客户端，不安装服务端。从达梦官网下载达梦数据库windows版。（可以参考前面的博文）这样就可以用windows的达…...

编程日记 2025/2/12 2:34:42

神经网络常见激活函数 4-LeakyReLU函数

文章目录 LeakyReLU函数导函数函数和导函数图像优缺点pytorch中的LeakyReLU函数tensorflow 中的LeakyReLU函数 LeakyReLU LeakyReLU： Leaky Rectified Linear Unit 函数导函数 LeakyReLU函数 L e a k y R e L U { x x > 0 p x x < 0 p ∈ ( 0 , 1 ) \rm …...

编程日记 2025/2/12 2:24:29

PHP盲盒商城系统源码晒图+免签+短信验证+在线回收 thinkphp框架

源码介绍 PHP盲盒商城系统源码晒图免签短信验证在线回收 thinkphp框架源码前端uniapp开发，可以打包成APP（非H5封壳）H5，接其他平台支付通道，前后端全开源 H5盲盒首页可以直接开盒新UI 修复优化BUG，修复无…...

编程日记 2025/2/12 2:20:23

单例模式详解（Java）

单例模式详解（Java）一、引言 1.1 概述单例模式的基本概念和重要性单例模式是一种常用的软件设计模式，它确保一个类在整个应用程序中只有一个实例，并提供一个全局访问点来访问这个唯一实例。这种模式在资源管理、配置设置和日志记录等方面非常有用，因为它们通常只需要…...

编程日记 2025/2/12 2:19:22

2025年度Python最新整理的免费股票数据API接口

在2025年这个充满变革与机遇的年份，随着金融市场的蓬勃发展，量化交易逐渐成为了投资者们追求高效、精准交易的重要手段。而在这个领域中，一个实时、准确、稳定的股票API无疑是每位交易者梦寐以求的工具。现将200多个实测可用且免费的专业股票…...

编程日记 2025/2/12 2:18:21

2.10学习总结

今天接着看了数据结构，但是跟指针有关的看不懂（万恶的指针），写了考试的补题。 #include <stdio.h> #include <stdlib.h> int a[1000005]; int main() {int n,i,x0;scanf("%d",&n);for(i1;i<n;i){x;i…...

编程日记 2025/2/12 2:14:12

原生鸿蒙版小艺APP接入DeepSeek-R1，为HarmonyOS应用开发注入新活力

原生鸿蒙版小艺APP接入DeepSeek-R1，为HarmonyOS应用开发注入新活力在科技飞速发展的当下，人工智能与操作系统的融合正深刻改变着我们的数字生活。近日，原生鸿蒙版小艺APP成功接入DeepSeek-R1，这一突破性进展不仅为用户带来了更智…...

编程日记 2025/2/12 2:11:02

从Word里面用VBA调用NVIDIA的免费DeepSeekR1

看上去能用而已。选中的文字作为输入，运行对应的宏即可；会先MSGBOX提示一下，然后相关内容追加到word文档中。需要自己注册生成好用的apikey Option ExplicitSub DeepSeek()Dim selectedText As StringDim apiKey As StringDim response A…...

编程日记 2025/2/12 2:09:00

【SpringBoot篇】基于Redis分布式锁的误删问题和原子性问题

文章目录 ??Redis的分布式锁??误删问题 ??解决方法??代码实现 ??原子性问题 ??Lua脚本 ?利用Java代码调用Lua脚本改造分布式锁??代码实现 ??Redis的分布式锁 Redis的分布式锁是通过利用Redis的原子操作和特性来实现的。在分布式环境中，多个应用…...

编程日记 2025/2/12 2:07:59

【JVM详解三】垃圾回收机制

一、对象是否存活强引用：Object obj new Object(); 只要强引用还在，垃圾收集器永远不会回收掉被引用的对象。在不用对象的时将引用赋值为 null，能够帮助垃圾回收器回收对象。比如 ArrayList 的 clear() 方法实现。软引用（SoftRe…...

编程日记 2025/2/12 2:03:54

MySQL的字符集（Character Set）和排序规则（Collation）

MySQL的字符集（Character Set）和排序规则（Collation） 字符集（Character Set）和排序规则（Collation）是数据库中处理文本数据的两个核心概念，二者紧密相关但作用不同。 1…...

编程日记 2025/2/12 2:02:52

2025影视泛目录站群程序设计_源码二次开发新版本无缓存刷新不变实现原理

1. 引言本设站群程序计书旨在详细阐述苹果CMS泛目录的创新设计与实现，介绍无缓存刷新技术、数据统一化、局部URL控制及性能优化等核心功能，以提升网站访问速度和用户体验。 2. 技术概述 2.1 无缓存刷新技术功能特点： 内容不变性&#x…...

编程日记 2025/2/12 1:59:49

常用的python库-安装与使用

常用的python库函数 yield关键字openslide库openslide库的安装-linuxopenslide的使用openslide对象的常用属性 cv2库numpy库ASAP库-multiresolutionimageinterface库ASAP库的安装ASAP库的使用 concurrent.futures.ThreadPoolExecutorxml.etree.ElementTree库skimage库PIL.Image…...

编程日记 2025/2/12 1:58:48

array_walk. array_map. array_filter

1. array_walk 函数 array_walk 用于遍历数组并对每个元素执行回调函数。它不会受到数组内部指针位置的影响，会遍历整个数组。回调函数接收的前两个参数分别是元素的值和键名，如果有第三个参数，则数组所有的值都共用这个参数。示例代码&am…...

编程日记 2025/2/12 1:55:42

数据仓库和商务智能：洞察数据，驱动决策

在数据管理的众多领域中，数据仓库和商务智能（BI）是将数据转化为洞察力、支持决策制定的关键环节。它们通过整合、存储和分析数据，帮助组织更好地理解业务运营，预测市场趋势，从而制定出更明智的战略。今天&a…...

编程日记 2025/2/12 1:52:39

Vue设计模式到底多少种？

Vue设计模式到底多少种？ 很多同学问，Vue到底有多少种设计模式？？各个模式到底是什么意思？？又各自适合什么场景？？ 这里我给大家直接说下，Vue的设计模式没有一个固定的数值…...

编程日记 2025/2/12 1:49:35

HTML 属性

HTML 属性 HTML（超文本标记语言）是构建网页的基础，而HTML属性则是赋予HTML元素额外功能和样式的关键。本文将详细介绍HTML属性的概念、常用属性及其应用，帮助您更好地理解和使用HTML。一、HTML属性概述 HTML属性是HTML元素的组成部分，用于描述元素的状态或行为。属性总…...

编程日记 2025/2/12 1:47:33

oracle如何查询历史最大进程数？

oracle如何查询历史最大进程数？ SQL> desc dba_hist_resource_limitName Null? Type---------------------------------------------------- -------- ------------------------------------SNAP_ID …...

编程日记 2025/2/12 1:34:20

SpringBoot单机模式，能否支持一万用户请求并发？

Spring Boot 单机模式能否支持一万用户请求并发，取决于多个因素： 硬件配置：CPU、内存、磁盘I/O和网络带宽是关键。高性能硬件能显著提升并发处理能力。应用复杂度：业务逻辑复杂度和数据库操作频率会影响性能。复杂的业务逻辑和高…...

编程日记 2025/2/12 1:30:16

[前端]CRX持久化

在 Chrome 扩展开发中，持久化保存数据通常使用 Chrome 的 storage API。storage API 提供了两种存储选项：local 和 sync。使用 local 存储的数据保存在本地浏览器中，只能在同一设备上访问。使用 sync 存储的数据可以在用户登录其 Google 帐户…...

编程日记 2025/2/12 1:22:05