- 博客(23)
- 收藏
- 关注
RSS订阅原创 leaflet加载dat.gui控制元素的显示与隐藏（十）
6. 修改增加点位标注方法：避免轨迹中的标记点和全部的标记点有重复问题。2. 在index.vue页面引入。5. 修改初始化地图。视频中显示的全部代码。
2025-07-15 20:22:26
127
原创 leaflet加载自定义标注（三）
2. 创建请求（根据自己习惯创建）在untils中创建文件：axiosService.js。4. 在文件中引入proxy和自定义请求接口（如果是若依自带的那种接口就按照那种写）提示：安装lodash：npm i lodash 非必须的，可以使用平常数组方法。5. 获取地图初始化数据（就是apifox中定义的接口），并添加点标注。1. 使用apifox创建云端Mock虚拟接口,接口返回数据类型如下。3. 在main.js中全局注册。7. 添加标记点报警扩散样式。
2025-07-15 14:10:08
220
原创 leaflet添加自定义控件（二）
注意：项目需求需要放在下方中间，所以自定义了位置,并添加相关样式。2. 把文件放到assets文件夹内。4. 创建自定义控件类。
2025-07-15 11:11:31
233
原创 leaflet基础：覆盖（四）
1. 用于在地图的特定边界上加载、显示和提供对 SVG 文件的 DOM 访问。注意：SVG 元素上需要 viewBox 属性才能正确放大和缩小。用于在地图的特定边界上加载和显示单个图像。②. 创建一个包含多个选项的图像叠加层。2. 创建一个 SVG 元素。
2024-07-11 10:32:08
1517
原创 Leaflet基础:GeoJSON和leaflet配合使用（二）
主要操作就是：在properties对象中添加：show_on_map：true或者false，然后在L.geoJSON中使用过滤器。3.GeoJSON各字段定义的属性含义：https://leafletjs.com/reference.html#geojson。2. 学习文档：https://leafletjs.com/examples/geojson/1. 获取经纬度网址：https://map.jiqrxx.com/jingweidu/注意：geoJSON中设置的经纬度是：【经度、维度】
2024-07-01 09:36:29
2163
原创 练习：Leaflet基础:网络地图（一）
2. 初始化创建一个vue3基础项目（具体创建方法可百度）4. 建一个文件Map/index.vue，里面如下代码。
2024-06-28 16:05:28
357
原创 Leaflet基础:网络地图（一）
网络地图通常由一个或多个组成。背景图层通常是静态的、非交互式的。相反，前景图层通常是动态的，与用户交互相关，例如通过单击要素来查询图层属性什么是图块层瓦片层是网络地图背后的一项基本技术。它们构成了大多数网络地图中的背景层，从而帮助查看者在地理空间中定位前景层。
2024-06-19 11:28:36
1090
原创 ES6基础
系列文章目录第一章 ECMASript相关介绍提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言课程介绍ES介绍（ES全称EcmsScript，是脚本语言的规范，而平时经常编写的jsvascript，是EcmaScript的一种实现，所以ES新特性其实指的就是javascript新特性） 为什么要学习ES新特性（1.语法简洁，功能..
2022-04-16 11:43:47
2167
1
原创 Promise基础（下）
1. 初始结构搭建//Promise.html文件<script src="./Promise.js"></script><script> let P = new Promise((resolve, reject) => { resolve("OK"); }); P.then( (value) => { console.log(value); },
2022-04-16 11:37:50
7660
原创 Promise基础（上）
目录一：Promise是什么？二：为什么要是用Promise?三：Promise体验(随机数抽奖小案例)四：Promise实践联系一：理解：1. 抽象表达：1）：Promise是一门新的技术(ES6)规范2）：Promise是JS中进行异步编程的新解决方案（备注：旧的解决方案是单纯使用回调函数）2. 具体表达：1）：从语法上来说：Promise是一个构造函数2）：从功能上来说：Promise对象用...
2022-01-09 00:26:36
2133
原创 SVG基础案例
一：基础使用（圆案例）<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /></svg>circle：xml圆的标签cx: 圆中心点X轴的坐标(圆中心点到屏幕左边的距离)cy：圆中心点Y轴坐标(圆中心点到屏幕上边的距离)r：圆中心点半径
2022-01-06 21:04:47
1790
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人