自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 leaflet基础:覆盖(四)

1. 用于在地图的特定边界上加载、显示和提供对 SVG 文件的 DOM 访问。注意:SVG 元素上需要 viewBox 属性才能正确放大和缩小。用于在地图的特定边界上加载和显示单个图像。②. 创建一个包含多个选项的图像叠加层。2. 创建一个 SVG 元素。

2024-07-11 10:32:08 257

原创 leaflet基础:图层组和图层控件(三)

将他们标记合并为一个图层,您可以立即在地图中添加或移除。假设您有一堆层,要组合成一个组,您可以使用。

2024-07-04 09:06:24 184

原创 练习:GeoJSON和leaflet配合使用(二)

5. 添加交互:鼠标划上右上角显示当前地区和人口密度。6. 综上源码:效果如封面。

2024-07-01 14:55:06 331

原创 练习:GeoJSON和leaflet配合使用(二)

【代码】练习:GeoJSON和leaflet配合使用(二)

2024-07-01 10:39:17 119

原创 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 332

原创 练习:Leaflet基础:网络地图(一)

2. 初始化创建一个vue3基础项目(具体创建方法可百度)4. 建一个文件Map/index.vue,里面如下代码。

2024-06-28 16:05:28 265

原创 Leaflet基础:网络地图(一)

网络地图通常由一个或多个组成。背景图层通常是静态的、非交互式的。相反,前景图层通常是动态的,与用户交互相关,例如通过单击要素来查询图层属性什么是图块层瓦片层是网络地图背后的一项基本技术。它们构成了大多数网络地图中的背景层,从而帮助查看者在地理空间中定位前景层。

2024-06-19 11:28:36 705

原创 canvas基础

canvas

2022-12-12 14:28:52 277

原创 ES6基础

系列文章目录第一章 ECMASript相关介绍提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言课程介绍ES介绍(ES全称EcmsScript,是脚本语言的规范,而平时经常编写的jsvascript,是EcmaScript的一种实现,所以ES新特性其实指的就是javascript新特性) 为什么要学习ES新特性(1.语法简洁,功能..

2022-04-16 11:43:47 1075 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 7051

原创 Promise基础(上)

目录一:Promise是什么?二:为什么要是用Promise?三:Promise体验(随机数抽奖小案例)四:Promise实践联系一:理解:1. 抽象表达:1):Promise是一门新的技术(ES6)规范2):Promise是JS中进行异步编程的新解决方案(备注:旧的解决方案是单纯使用回调函数)2. 具体表达:1):从语法上来说:Promise是一个构造函数2):从功能上来说:Promise对象用...

2022-01-09 00:26:36 1082

原创 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 1296

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除