- 博客(101)
- 收藏
- 关注
RSS订阅原创 GIS OGC之WMTS地图服务，通过Capabilities XML描述文档，获取matrixIds，origin，计算resolutions
需求：如何根据WMTS服务的Capabilities描述文档得到，openlayers调用wmts服务时的matrixIds，origin和resolutions参数
2024-09-18 22:26:47
2190
原创 CSS线性渐变拼接，一个完整的渐变容器(div),要拆分成多个渐变容器(div)，并且保持渐变效果一致
一个有渐变背景的div，需要替换成多个渐变背景div拼接，渐变效果需要保持一致（不通过一个大的div渐变，其他子的div绝对定位其上并且背景透明来解决）
2024-08-30 18:57:49
1430
原创 openlayers WebGLPoints图层应用（光环、光晕扩散收缩）
本篇介绍一下使用 openlayers WebGLPoints图层应用（光环、光晕扩散收缩）
2024-07-16 21:07:39
563
原创 vue3-openlayers WebGL切片图层样式修改（曝光度、对比度、饱和度、明暗度、颜色）
本篇介绍一下使用vue3-openlayers WebGL切片图层样式修改（曝光度、对比度、饱和度、明暗度、颜色）
2024-07-15 20:19:28
591
原创 openlayers WebGL 切片图层样式修改（曝光度、对比度、饱和度、明暗度、颜色）
本篇介绍一下使用 openlayers WebGL 切片图层样式修改（曝光度、对比度、饱和度、明暗度、颜色）
2024-07-15 20:17:05
1210
原创 vue3-openlayers WebGL裁剪图层，双图层拼接显示
本篇介绍一下使用vue3-openlayers WebGL裁剪图层，双图层拼接显示。
2024-07-11 18:25:14
352
原创 vue3-openlayers WebGL加载地图（栅格切片、矢量切片）
本篇介绍一下使用vue3-openlayers WebGL加载地图（栅格切片、矢量切片）
2024-07-10 18:03:12
543
原创 openlayers WebGL加载地图（栅格切片、矢量切片）
矢量切片使用VectorTile创建图层（它默认支持WebGL，所以不需要额外配置WebGL相关的参数，如果浏览器不支持WebGL，OpenLayers将回退到使用Canvas渲染）本篇介绍一下使用openlayers WebGL方式加载地图（栅格切片、矢量切片）栅格切片使用WebGLTile创建图层。
2024-07-10 18:02:49
825
原创 vue3-openlayers 图标闪烁、icon闪烁、marker闪烁
本篇介绍一下使用vue3-openlayers 图标闪烁、icon闪烁、marker闪烁。
2024-06-28 23:19:33
903
原创 vue3-openlayers 要素聚合（cluster）、icon聚合
本篇介绍一下使用vue3-openlayers 要素聚合（cluster），icon聚合。
2024-06-26 17:58:09
326
原创 vue3-openlayers marker 光晕扩散（光环扩散）（postrender 事件和 render 方法）
本篇介绍一下使用 vue3-openlayers marker 光晕扩散（光环扩散）（postrender 事件和 render 方法）
2024-06-25 18:43:14
529
原创 openlayers marker光晕扩散（光环扩散）（postrender事件和render方法）
本篇介绍一下使用openlayersmarker光晕扩散（光环扩散）（postrender事件和render方法）
2024-06-25 18:37:52
1290
1
原创 vue3-openlayers 轨迹回放（历史轨迹）（ol-animation-path实现）
轨迹回放（历史轨迹），一般是一次性拿到所有坐标点，使用ol-animation-path可以直接实现
2024-06-24 17:57:36
808
原创 openlayers 轨迹回放（历史轨迹）（postrender事件和render方法）
上篇是使用定时器实现的，本篇使用postrender事件和render方法- 轨迹回放（历史轨迹），一般是一次性拿到所有坐标点，使用postrender事件和render方法> Map的render方法：当在下一个动画帧时渲染地图> Layer的postrender事件:图层被渲染后触发
2024-06-24 17:55:40
1522
原创 vue3-openlayers 点击多边形弹框，高亮多边形，自定义属性传递，鼠标悬浮多边形上动态修改鼠标样式
本篇介绍一下使用vue3-openlayers点击多边形弹框，高亮多边形，自定义属性传递，鼠标悬浮多边形上动态修改鼠标样式。
2024-06-19 17:31:03
415
原创 openlayers 点击多边形弹框，高亮多边形，自定义属性传递，鼠标悬浮多边形上动态修改鼠标样式
本篇介绍一下使用openlayers点击多边形弹框，高亮多边形，自定义属性传递，鼠标悬浮多边形上动态修改鼠标样式。
2024-06-18 18:15:17
633
原创 vue3-openlayers 使用tianditu,wmts和xyz等source加载天地图切片服务
加载注记图层后，切片虽然显示png，但是好像不是透明的,只能在注记图层增加透明度控制。主要是不同类型source的使用。
2024-06-18 14:01:45
677
原创 openlayers 使用WMTS和XYZ加载天地图切片服务
WMTS：是一种由Open Geospatial Consortium (OGC)制定的开放标准，它定义了在Web上发布和使用预渲染地图瓦片的标准方法。这种标准化确保了不同厂商和平台之间的互操作性。XYZ：是一种更偏向于自定义的地图瓦片服务格式，通常用于OpenStreetMap和其他提供标准XYZ URL格式的地图服务。它没有像WMTS那样的严格标准，但提供了一种灵活的方式来提供地图瓦片。
2024-06-17 17:22:02
2353
原创 openlayers 绘图功能，编辑多边形，长度面积测量，tip提示（八）
主要是 vue3-openlayers 中 styleFunc 功能的使用。
2024-06-17 16:50:05
976
原创 openlayers 绘图功能，编辑多边形，长度面积测量，tip提示（七）
主要是 openlayers 中 styleFunc 功能的使用，效果如下。
2024-06-14 19:52:41
847
原创 openlayers 绘图功能，编辑多边形，select，snap组件的使用（六）
本篇介绍一下vue3-openlayers的select，snap的使用。
2024-06-13 18:03:18
883
原创 openlayers 绘图功能，编辑多边形，select，snap组件的使用（五）
本篇介绍一下openlayers的select，snap的使用。
2024-06-13 17:46:51
848
原创 openlayers 绘图功能，编辑多边形，modify组件的使用（三）
前两篇介绍了 openlayers 中 draw 的使用，自定义了绘制中和绘制结束后的样式，绘制结束后可以获取到绘制图形的featue或者进一步获取轮廓坐标(如下)，可以进行坐标保存或者将feature添加到其他层进一步自定义显示本篇介绍一下编辑工具 modify。
2024-06-12 18:12:52
1169
原创 openlayers 绘图功能，绘制多边形，draw组件的使用，一个简单的需求引发的思考（二）
上一篇是使用openlayers原生实现的，这一节使用实现(有轮子真好)
2024-06-11 23:43:19
494
原创 openlayers 绘图功能，绘制多边形，draw组件的使用，一个简单的需求引发的思考（一）
主要是openlayers中draw功能的使用，感觉比较简单，祖传CV大法搞起来。使用openlayers绘图功能绘制多边形。为了方便，就不加载底图了，直接使用绘制功能。
2024-06-11 19:05:28
701
原创 img标签添加::before ::after 伪元素无效，伪元素增加:hover伪类无效
## 1 问题- img标签添加::before ::after 伪元素无效- 伪元素增加:hover伪类无效## 2 解决- 只能在img前后增加dom元素- 可以这样写:hover::before{} :hover::after{}
2024-05-27 14:51:30
1603
原创 SVG 动画基础 (横向动态排序柱状图为例)
对于场景2，当在父组件中，改变传递给子组件的参数，子组件的props会跟着改变，但是mounted生命周期函数不会再次调用，所以不会发送请求，子组件显示的依然是老数据。如果子组件中的数据只有部分是请求接口返回的数据，可以选择重新渲染子组件，也可以更新子组件中部分数据。对于场景1，当在父组件中，改变传递给子组件的参数，子组件的props会跟着改变，所以子组件会更新。2.1 给子组件加ref,父组件通过ref调用子组件中的请求后端数据的方法。如果子组件中的数据仅仅是请求接口返回的数据，可以选择重新渲染子组件。
2024-05-21 18:26:14
959
原创 vue prop改变，子组件更新和重新渲染
对于场景2，当在父组件中，改变传递给子组件的参数，子组件的props会跟着改变，但是mounted生命周期函数不会再次调用，所以不会发送请求，子组件显示的依然是老数据。如果子组件中的数据只有部分是请求接口返回的数据，可以选择重新渲染子组件，也可以更新子组件中部分数据。对于场景1，当在父组件中，改变传递给子组件的参数，子组件的props会跟着改变，所以子组件会更新。2.1 给子组件加ref,父组件通过ref调用子组件中的请求后端数据的方法。如果子组件中的数据仅仅是请求接口返回的数据，可以选择重新渲染子组件。
2024-05-20 12:56:55
1949
原创 CSS :where，:is，:has伪类选择器
作为对比，下面使用 footer.foot p设置样式，此时优先级和:is选择器设置的优先级相同，但是footer.foot p直接设置的样式后加载回覆盖掉:is选择器设置的样式（交换位置,则:is选择器样式生效），将会选择所有能被该选择器列表中任何一条规则选中的元素，优先级会计入整个选择器的优先级（采用其最具体参数的优先级），将会选择所有能被该选择器列表中任何一条规则选中的元素，优先级总是为 0。，提供了一种针对引用元素选择父元素或者先前的兄弟元素的方法。:where伪类选择器，参数为 选择器列表。
2024-05-19 23:17:59
1195
原创 JS 千分位格式化
注意，toLocaleString() 方法的具体格式化效果依赖于当前执行环境的语言设置和地区设置。不同的浏览器、操作系统或用户配置可能会导致不同的结果。注意，toLocaleString() 方法默认是保留3位小数，需要将其分割为小数和整数两部分来进行处理。通过传参指定美国地区，
2024-04-12 23:07:56
343
原创 ArcGIS API for JavaScript 4.X 本地部署(js，字体)
如果需要引用自己的字体，需要将字体下载后部署在服务器上，同时替换以上链接为。编辑器打开/4.19/dojo/dojo.js搜索文本。编辑器打开/4.19/init.js搜索文本。，可以是localhost，只能本机引用。，可以是localhost，只能本机引用。，然后将其连同前面的。，然后将其连同前面的。
2024-02-19 20:55:21
1123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人