自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 leaflet 详解总目录

leaflet 详解总目录

2024-11-30 16:25:47 656

原创 VSCode 无法加载文件 ***\yarn.ps1,因为在此系统上禁止运行脚本

在vscode中使用yarn碰到该问题是因为:PowerShell 执行策略限制了。以上两个方法,方法一是临时修改执行策略限制,方法二是永久修改执行策略限制。打开PowerShell(以管理者身份运行),运行以下代码。

2025-04-01 11:33:01 105

原创 vue-router 解析

Vue Router 是Vue.js的官方路由,它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举

2025-01-14 08:37:09 873

原创 leaflet 添加 layerGroup,featureGroup,geoJSON图层

leaflet 添加 layerGroup,featureGroup,geoJSON图层

2024-12-18 13:11:56 991

原创 leaflet 的新增、编辑和删除:Leaflet.draw

leaflet 的新增、编辑和删除:Leaflet.draw

2024-12-18 13:11:26 1206

原创 vue 自定义组件image 和 input

vue 自定义组件image 和 input

2024-12-15 10:39:38 588

原创 vue 直播播放器 mpegts.js

vue 直播播放器 mpegts.js

2024-12-15 10:14:32 2029 1

原创 leaflet 添加矢量图层

leaflet添加polyline,polygon,rectangle,circle,circleMarker等矢量图层

2024-12-11 18:50:52 374

原创 leaflet 双屏对比

leaflet 双屏对比

2024-12-11 18:50:18 424

原创 Leaflet Marker的突出显示,以及聚合

Marker的突出显示,以及聚合

2024-12-09 13:32:46 1485

原创 Leaflet 添加栅格图层

Leaflet 添加栅格图层

2024-12-09 13:32:23 497

原创 leaflet 添加marker,popup,tooltip

leaflet 添加marker,popup,tooltip

2024-12-04 00:01:55 1233 2

原创 leaflet 底图

leaflet 添加天地图,高德,百度,腾讯等地图作为底图

2024-12-01 10:45:46 1555

原创 leaflet 在使用过程中碰到的问题汇总

leaflet 在使用过程中碰到的问题汇总

2024-11-30 17:08:08 665 2

原创 leaflet 的基础使用

本章主要讲述leaflet在vue中的使用:leaflet 详情总目录:传送这里要注意,添加的节点必须设置宽高,否则不显示 创建的新地图是没有底图的,需要我们自己添加底图,根据需求添加不同的底图,我这里先以天地图为例,后期会把不同类型的底图添加方式统一写一下 效果如下:1.普通底图,2.卫星影像底图注:这里用到天地图的key,需要到天地图官网申请

2024-11-30 16:46:02 908

原创 leaflet 介绍

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

2024-11-30 16:24:31 546

原创 IntersectionObserver 交叉观察器

IntersectionObserver该接口提供观察元素与父元素交叉状态的方法

2024-11-27 14:10:43 359

原创 Three.js 加载OBJ、GLTF模型

以上是记录three加载obj和gitf格式模型。二、初始化场景、相机、光照等。一、项目引入Three。在需要展示模型中引入。

2024-11-20 15:29:17 519

原创 Cesium 加载B3DM模型

链接: https://pan.baidu.com/s/1BRQyaFCkxO2xQQT5RzFUCw?官网中注册账号,获取token,然后可使用Cesium.Ion.defaultAccessToken该方法替换内置token。cesium内置token,容易因token过期造成cesium加载失败,可以在。以上方法仅仅是记录使用cesium展示B3DM模型,具体详情大家可以自行研究。二、初始化cesium,cesium初始化参数可自行配置。一、引入Cesium,可以使用该链接下载cesium。

2024-11-20 15:10:05 2358

原创 Vue 项目中引入 iconfont 图标

4、图标的使用:要显示图标需要修改图标名称:iconfont + name。账号,创建项目,添加图标进入项目,获取Font class在线链接。1、获取所有需要插入项目的链接,后期如有需要可以直接在这里添加。3、在App.vue中引入setCssCdn 方法注册图标。以上是添加阿里巴巴图标入项目,其他图标可自行研究。二、在项目中使用该链接。2、把链接插入head。

2024-11-20 13:55:15 406

原创 vue中iframe的使用说明

默认情况下iframe是有边框的,可以使用frameBorder或者style.border取消边框,frameBorder在h5中不支持。iframe嵌套页面,在某些时候使用起来还是挺不错的,比如:第三方登录,页面a中加入页面b等。在页面添加监听事件,页面销毁时,要把监听事件移除掉。1、页面a传值到页面b(a页面嵌套b页面)2、页面b传值到页面a。

2024-11-20 11:31:49 779

原创 滚动条样式修改 scrollbar

4、::-webkit-scrollbar-track-piece 滚动条轨道没有滑块部分。5、::-webkit-scrollbar-button 滚动条两端按钮。2、::-webkit-scrollbar-thumb 滚动条滑块部分。6、::-webkit-scrollbar-corner 滚动条边角。3、::-webkit-scrollbar-track 滚动条轨道。1、::-webkit-scrollbar 滚动条整体部分。

2024-11-08 10:26:03 255

原创 Element element-loading-text 动态化

【代码】Element element-loading-text 动态化。

2024-11-06 16:16:55 243

原创 el-form 表单验证

el-form验证

2024-07-17 11:01:31 1284 1

原创 压缩文件(kmz、zip等)转 json 格式

压缩文件解析,转json输出

2024-07-08 17:25:51 577

原创 leaflet 给线添加方向或者符号

为 polyline 添加箭头或者符合

2024-07-07 18:05:53 970

原创 leaflet 地图放大到一定级别后底图出现空白

leaflet 添加天地图卫星影像作为底图,但是地图级别放大到超过17级后,底图就会出现空白,因为天地图提供的卫星影像底图最大级别是17级,超过17级就会出现空白。

2024-06-09 14:41:52 785

原创 leaflet 地图中画网格

在地图中根据四个角的坐标画网格

2024-06-09 14:25:10 501

原创 刷新令牌--refresh token

刷新令牌token

2024-05-29 18:55:09 801

原创 图片组件WImage--自带缩放、拖拽、旋转

重构img标签,可以让img标签实现缩放,拖拽等操作

2024-05-26 14:49:37 454

原创 geoserver 添加权限验证 AuthKey

geoserver 添加权限验证 AuthKey,以及前端的使用

2024-05-22 19:33:46 1509

原创 根据图片中心点经纬度,计算图片四角的经纬度,并添加到地图中

图片对角经纬度的计算,无人机GSD的计算,地图中显示图片

2024-05-19 15:24:27 1220 1

原创 文件分批、分片上传

大批量大文件的分页,分片、分批上传、断点续传等功能的实现

2024-05-18 20:15:01 561

原创 leaflet 地图简笔画 -- leaflet-freedraw 的使用

leaflet-freedraw 地图简笔画,可在地图上一笔画出多边形

2024-05-18 20:14:16 458 2

原创 暗黑--日间主题切换动画

暗黑和日间模式切换动画

2024-05-09 14:36:52 703

原创 Canvas 基础属性以及不规则图形编辑

canvas基础知识,canvas对变形编辑,canvas重绘时闪烁

2023-12-22 15:37:15 974

原创 geoserver发布ImageMosaic(栅格数据),并使用leaflet显示

geoserver发布ImageMosaic(栅格数据),并使用leaflet显示

2023-12-20 09:23:01 720

原创 JS数字加减法计算

JS数字加减法计算

2023-12-08 16:40:41 950

原创 vue 前端导出word文档

前端导出word文档,如果是简简单单的文章,还是很好完成的,但是这里需要导出非常复制的表格形式,还有一些其他的要求,比如:表格的宽度,行高,字体大小,颜色等;本来想让后端来写,前端直接下载的,后来看到有人已经写出来依据word模板文档来下载,完完全全是把word模板上的样式拷贝下来的,今天就把这个方法分享一下。

2023-11-24 14:05:38 709

原创 polygon分身术,一分为二

leaflet使用turf对简单多边形进行分割

2023-09-15 11:22:32 484

leaflet.drawLocal 中文提示

leaflet.drawLocal 中文提示

2024-12-18

leaflet 双屏对比

leaflet 双屏对比

2024-12-11

空空如也

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

TA关注的人

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