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

leaflet 介绍

news 文章来源：https://blog.csdn.net/qq_31971377/article/details/144156568 2025/1/11 23:36:57

 

目录

一、leaflet 官网

二、leaflet 在项目中的引用

1、在head中引入

2、在main.js中引入

leaflet目前版本是1.9.4，在leaflet插件库中，很多插件因长时间未更新，适配的是1.7版本的，在选用插件的时候要查看版本适配。

leaflet详解总目录：传送

一、leaflet 官网

英文：Leaflet - a JavaScript library for interactive maps

中文：Leaflet - 一个交互式地图 JavaScript 库

源码：GitHub - Leaflet/Leaflet: 🍃 JavaScript library for mobile-friendly interactive maps 🇺🇦

二、leaflet 在项目中的引用

1、在head中引入
//先引入css，再引入js，否则会造成地图样式错乱
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI="crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM="crossorigin=""></script>
2、在main.js中引入
//安装leaflet
npm install leaflet yarn add leaflet//在main.js中引用
import 'leaflet'
import "leaflet/dist/leaflet.css"

相关文章：

leaflet 介绍

目录 一、leaflet 官网 二、leaflet 在项目中的引用 1、在head中引入 2、在main.js中引入 leaflet目前版本是1.9.4&#xff0c;在leaflet插件库中&#xff0c;很多插件因长时间未更新&#xff0c;适配的是1.7版本的&#xff0c;在选用插件的时候要查看版本适配。 leaflet详…...

编程日记 2024/12/2 2:30:05

总结贴:Servlet过滤器、MVC拦截器

一:Servlet过滤器 1.1解析 Filter 即为过滤&#xff0c;用于请求到达Servlet之前(Request),以及再Servlet方法执行完之后返回客户端进行后处理(HttpServletResponse)。简单说就是对请求进行预处理&#xff0c;对响应进行后处理 在请求到达Servlet之前,可以经过多个Filt…...

编程日记 2024/12/2 2:29:04

鸿蒙开发：自定义一个任意位置弹出的Dialog

前言 鸿蒙开发中&#xff0c;一直有个问题困扰着自己&#xff0c;想必也困扰着大多数开发者&#xff0c;那就是&#xff0c;系统提供的dialog自定义弹窗&#xff0c;无法实现在任意位置进行弹出&#xff0c;仅限于CustomDialog和Component struct的成员变量&#xff0c;这就导致…...

编程日记 2024/12/2 2:28:03

在Windows下编译支持https的wsdl2h

下载源码 在官网下载源码 安装Openssl 下载OpenSSL并安装&#xff0c;安装完成后需要将OpenSSL的路径添加到环境变量中 配置VS 1、打开工程 2、因为前面安装的OpenSLL是64位的&#xff0c;因此需要创建一个X64的配置 打开配置管理器&#xff0c;然后选择新建&#xff0…...

编程日记 2024/12/2 2:26:01

PHP和GD库如何根据像素绘制图形

使用PHP和GD库&#xff0c;你可以根据像素绘制各种图形&#xff0c;比如点、线、矩形、圆形等。GD库是PHP的一个扩展&#xff0c;它提供了一系列用于创建和处理图像的函数。以下是一个简单的示例&#xff0c;展示如何使用GD库根据像素绘制图形。 安装GD库 首先&#xff0c;确…...

编程日记 2024/12/2 2:25:00

webpack（react）基本构建

文章目录 概要整体架构流程技术名词解释技术细节小结 概要 Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。它的主要功能是将各种资源&#xff08;如 JavaScript、CSS、图片等&#xff09;视为模块&#xff0c;并将它们打包成一个或多个输出文件&#xff0c;以便…...

编程日记 2024/12/2 2:21:56

《Opencv》基础操作＜1＞

目录 一、Opencv简介 主要特点&#xff1a; 应用领域&#xff1a; 二、基础操作 1、模块导入 2、图片的读取和显示 &#xff08;1&#xff09;、读取 &#xff08;2&#xff09;、显示 3、 图片的保存 4、获取图像的基本属性 5、图像转灰度图 6、图像的截取 7、图…...

编程日记 2024/12/2 2:20:55

Oracle 11g R2 RAC 到单实例 Data Guard 搭建（RMAN备份方式）

一、配置方案 环境说明 角色主库主库备库主机名rac01rac02racdg公网IP10.10.10.14110.10.10.14310.10.10.191VIP10.10.10.14210.10.10.144-SCAN10.10.10.14010.10.10.140-INSTANCE_NAMEorcl1orcl2orclDB_NAMEorclorclorclSERVICE_NAMEorclorclorclDB_UNIQUE_NAMEorclorclorcl…...

编程日记 2024/12/2 2:19:54

HTTPS 加密

HTTPS 加密技术 1. HTTPS 概述 HTTPS&#xff08;HyperText Transfer Protocol Secure&#xff09;是 HTTP 协议的安全版本&#xff0c;利用 SSL/TLS 协议对通信进行加密&#xff0c;确保数据的机密性、完整性和身份认证。HTTPS 在保护敏感数据的传输&#xff08;如登录凭证、…...

编程日记 2024/12/2 2:17:51

泛微e9开发 编写前端请求后端接口方法以及编写后端接口

泛微e9开发 前端请求后端接口以及后端发布接口 前端请求后端接口 前端发起get请求 fetch(/api/youpath, {method: GET, // 默认 GET 方法&#xff0c;可以省略headers: {Content-Type: application/json, // 通常 GET 请求无需指定 body&#xff0c;Content-Type 不太重要},…...

编程日记 2024/12/2 2:16:51

Linux —— 《线程控制》

文章目录 前言&#xff1a;为什么要链接pthread库&#xff1f;线程控制&#xff1a;线程创建&#xff1a;start_routine?传递自定义类型同一份栈空间&#xff1f; 线程等待&#xff1a;返回值与参数&#xff1f;创建多线程 线程终止线程分离 前言&#xff1a; 上一文我们学习…...

编程日记 2024/12/2 2:15:50

基于HTML+CSS的房地产销售网站设计与实现

摘 要 房地产销售系统&#xff0c;在二十年来互联网时代下有着巨大的意义&#xff0c;随着互联网不断的发展扩大&#xff0c;一个方便直 观的房地产管理系统的网站开发是多么地有意义&#xff0c;不仅打破了传统的线下看房&#xff0c;线下获取资讯&#xff0c;也给房地产从业…...

编程日记 2024/12/2 2:14:49

操作系统 | 学习笔记 | 王道 | 2.4死锁

2.4 死锁 文章目录 2.4 死锁2.4.1 死锁的概念2.4.2 死锁预防2.4.3 死锁避免2.4.4 死锁检测和解除 2.4.1 死锁的概念 死锁的定义 在并发环境下&#xff0c;各进程因竞争资源而造成的一种互相等待对方手里的资源&#xff0c;导致各进程都阻塞&#xff0c;都无法向前推进的现象&am…...

编程日记 2024/12/2 2:12:46

【FPGA开发】Vivado自定义封装IP核，绑定总线

支持单个文件的封装、整个工程的封装&#xff0c;这里用单个文件举例。 在文件工程目录下&#xff0c;自建一个文件夹&#xff0c;里面放上需要封装的verilog文件。 选择第三个&#xff0c;指定路径封装&#xff0c;找到文件所在目录 取个名&#xff0c;选择封装IP的路径 会…...

编程日记 2024/12/2 2:11:45

python的3D可视化库vedo-3 (visual模块)点对象的属性、光效、附注

文章目录 3 PointsVisual的方法3.1 对象属性3.1.1 顶点大小3.1.2 复制属性3.1.3 颜色设置3.1.4透明度设置 3.2 对象光效3.2.1 点的形状3.2.2 点的表面光效 3.3 尾随线和投影3.3.1 尾随线3.3.2 投影 3.4 给对象附加文字说明3.4.1 标注3.4.2 2D标注3.4.3 气泡说明3.4.4 旗标说明3…...

编程日记 2024/12/2 2:08:43

llamaindex实战-ChatEngine-ReAct Agent模式

概述 ReAct 是一种基于Agent的聊天模式&#xff0c;构建在数据查询引擎之上。对于每次聊天交互&#xff0c;代理都会进入一个 ReAct 循环&#xff1a; 首先决定是否使用查询引擎工具并提出适当的输入 &#xff08;可选&#xff09;使用查询引擎工具并观察其输出 决定是否重复…...

编程日记 2024/12/2 2:03:36

redis快速进门

、数据库类型认识 关系型数据库 关系型数据库是一个结构化的数据库&#xff0c;创建在关系模型&#xff08;二维表格模型&#xff09;基础上&#xff0c;一般面向于记录。 SQL 语句&#xff08;标准数据查询语言&#xff09;就是一种基于关系型数据库的语言&#xff0c;用于执行…...

编程日记 2024/12/2 2:02:35

从0开始linux（39）——线程（2）线程控制

欢迎来到博主的专栏&#xff1a;从0开始linux 博主ID&#xff1a;代码小豪 文章目录 线程创建线程标识符线程参数多线程竞争资源 回收线程detach 线程退出pthread_cancel 线程创建 线程创建的函数为pthread_create。该函数是包含在posix线程库当中&#xff0c;posix线程是C语言…...

编程日记 2024/12/2 2:01:34

International Journal of Medical Informatics投稿经历时间节点

20240423&#xff0c;完成投稿 20240612&#xff0c;按编辑要求修改后再投, with editor 20240613&#xff0c;under review&#xff0c;completed 0, accepted 0, invitation 2. 20240620, under review&#xff0c;completed 0, accepted 1, invitation 2. 20240626, unde…...

编程日记 2024/12/2 1:59:31

BUUCTF—Reverse—Java逆向解密（10）

程序员小张不小心弄丢了加密文件用的秘钥&#xff0c;已知还好小张曾经编写了一个秘钥验证算法&#xff0c;聪明的你能帮小张找到秘钥吗&#xff1f; 注意&#xff1a;得到的 flag 请包上 flag{} 提交 需要用专门的Java反编译软件:jd-gui 下载文件&#xff0c;发现是个class文…...

编程日记 2024/12/2 1:56:28

CLIP-MMA: Multi-Modal Adapter for Vision-Language Models

当前的问题 CLIP-Adapter仅单独调整图像和文本嵌入&#xff0c;忽略了不同模态之间的交互作用。此外&#xff0c;适应性参数容易过拟合训练数据&#xff0c;导致新任务泛化能力的损失。 动机 图1所示。多模态适配器说明。 通过一种基于注意力的 Adapter &#xff0c;作者称之…...

编程日记 2024/12/2 1:55:28

三维扫描仪-3d扫描建模设备自动检测尺寸

在现代工业制造领域&#xff0c;三维扫描仪已成为实现高精度尺寸检测的关键设备。CASAIM自动化智能检测系统以其自动化三维立体扫描技术&#xff0c;为产品尺寸的自动检测提供了高效、可靠的解决方案。 CASAIM自动化智能检测系统通过非接触式测量方式&#xff0c;通过激光扫描…...

编程日记 2024/12/2 1:51:24

vue3+ant design vue实现日期选择器默认显示当前年，并限制用户只能选择当前年及之前~

1、思路&#xff1a;之前想拿当前年直接做赋值操作&#xff0c;实际上是行不通的&#xff0c;因为组件本身有数据格式限制&#xff0c;会出现报错&#xff0c;然后索性直接获取当前日期&#xff08;YYYY-MM-DD&#xff09;赋值给日期组件&#xff0c;这样不管你用的是年&#x…...

编程日记 2024/12/2 1:50:23

【electron-vite】搭建electron+vue3框架基础

一、拉取项目 electron-vite 中文文档地址&#xff1a; https://cn-evite.netlify.app/guide/ 官网网址&#xff1a;https://evite.netlify.app/ 版本 vue版本&#xff1a;vue3 构建工具&#xff1a;vite 框架类型&#xff1a;Electron JS语法&#xff1a;TypeScript &…...

编程日记 2024/12/2 1:48:22

05《存储器层次结构与接口》计算机组成与体系结构 系列课

目录 存储器层次结构概述 层次结构的定义 存储器的排名 存储器接口 处理器与存储器的速度匹配 存储器接口的定义 存储器访问命中率 两种接口 第1种方式&#xff1a;并行 命中率的计算 存储器访问时间 第2种方式&#xff1a;逐级 结语 大家好&#xff0c;欢迎回来。…...

编程日记 2024/12/2 1:43:15

elasticsearch报错fully-formed single-node cluster with cluster UUID

1.问题描述 k8s集群内部署的es中间件起不来&#xff0c;查看日志发现如下警告&#xff0c;节点发现功能开启&#xff0c;但是目前我是单节点服务&#xff0c;所以尝试编辑sts将节点发现功能去掉或者在部署时将你的sts的yaml文件和chart文件修改重新部署以去掉该功能 {"t…...

编程日记 2024/12/2 1:42:14

Milvus×Florence：一文读懂如何构建多任务视觉模型

近两年来多任务学习&#xff08;Multi-task learning&#xff09;正取代传统的单任务学习&#xff08;single-task learning&#xff09;&#xff0c;逐渐成为人工智能领域的主流研究方向。其原因在于&#xff0c;多任务学习可以让我们以最少的人力投入&#xff0c;获得尽可能多…...

编程日记 2024/12/2 1:38:11

DAPP

02-DAPP 1 啥是 DApp&#xff1f; DApp&#xff0c;部署在链上的去中心化的应用。 DApp 是开放源代码&#xff0c;能运行在分布式网络上&#xff0c;通过网络中不同对等节点相互通信进行去中心化操作的应用。 DAPP 开放源代码&#xff0c;才能获得人的信任。如比特币&#xff…...

编程日记 2024/12/2 1:34:07

生产环境中，nginx 最多可以代理多少台服务器，这个应该考虑哪些参数 ？怎么计算呢

生产环境中&#xff0c;nginx 最多可以代理多少台服务器&#xff0c;这个应该考虑哪些参数 &#xff1f;怎么计算呢 关键参数计算方法评估步骤总结 在生产环境中&#xff0c;Nginx最多可以代理的服务器数量并没有一个固定的限制&#xff0c;它取决于多个因素&#xff0c;包括Ng…...

编程日记 2024/12/2 1:32:05

【深度学习|目标跟踪】StrongSORT 详解(以及StrongSORT++)

StrongSort详解 1、论文及源码2、DeepSORT回顾3、StrongSORT的EMA4、StrongSORT的NSA Kalman5、StrongSORT的MC6、StrongSORT的BOT特征提取器7、StrongSORT的AFLink8、StrongSORT的GSI模块 1、论文及源码 论文地址&#xff1a;https://arxiv.org/pdf/2202.13514 源码地址&#…...

编程日记 2024/12/2 1:28:00

威海市做网站的/南宁seo服务优化

这里讲下我从拿到新的Mac后怎么一步一步搭建Git环境的。 首先让我们打开终端 在终端输入 git 如果说你卡到下面的结果说明你没有安装个git&#xff0c;去安装。 The program git is currently not installed. You can install it by typing: sudo apt-get install git 如果你…...

编程日记 2025/1/11 23:35:37

wordpress商城开源/广告信息发布平台

今天从网上搞了一个基于osip 库的 SIP 协议的简单的 UAC 代理客户端和 UAS 代理服务器端&#xff0c;并进行了编译连接&#xff0c;代码整理后如下&#xff1a;----------- UAC 代理客户端的代码整理 ---------------/*** 一个使用了 osip 和 eXosip 库的 UAC 代理客户端的演示…...

编程日记 2025/1/11 21:48:30

win7做网站服务器卡/免费引流微信推广

题目链接&#xff1a;https://cn.vjudge.net/contest/208908#problem/F 题目大意&#xff1a;给你100个方格&#xff0c;编号为1到100&#xff0c;每次你丢一次骰子&#xff0c;决定你下次往前走多少步&#xff0c;有些方格会有一些梯子或者蛇&#xff0c;使得你到该格子时直接…...

编程日记 2025/1/11 20:57:22

贵阳专用网站建设/郑州网站建设制作

文章目录Key is stored in legacy trusted.gpg keyring (/etc/apt/truste和apt update | upgrade; apt-key相关的配置文件都在目录/etc/apt下&#xff0c;共有以下内容&#xff1a;方法一&#xff1a;没成功&#xff0c;而且我的系统上显示采用的是第二种方式&#xff0c;没有用…...

编程日记 2025/1/11 16:41:27

深圳网站建设行业新闻/福州百度开户多少钱

首先需要安装Vray渲染器 1.在场景中打一个自由摄像机 2.渲染设置尺寸设置&#xff0c;宽高比为2&#xff1a;1 3.在Vray设置页面&#xff0c;设置相机类型为球面&#xff0c;视角设置为360度 渲染结果...

编程日记 2025/1/11 13:58:32

塑料袋销售做哪个网站推广好/代码优化

Hexo 我的博客到目前为止&#xff0c;可以分为3个阶段&#xff1a;博客园->Octopress->Hexo 我并没有经历过经典的WordPress的阶段&#xff0c;考虑到买域名、租VPS的费用&#xff0c;及麻烦程度。 我博客园的CSS经历过两次大修改&#xff0c;我一直寻求一种较为Geek风格…...

编程日记 2025/1/11 12:42:23