- 博客(12)
- 收藏
- 关注
原创 Openlayers 自定义地图瓦片加载(二)
探究openlayers 自定义瓦片加载(tileLoadFunction)的使用,及其实际应用场景。
2024-08-30 16:24:06
1290
原创 Openlayers 自定义地图瓦片加载(一)
对使用固定的 URL 模板和自定义瓦片网格两种方式对Openlayers 瓦片请求行为进行探究,并列举自定义瓦片网格的使用场景。
2024-08-29 15:16:03
2220
原创 OpenLayers 图标加载性能优化:使用 Style 样式缓存
在使用 OpenLayers 渲染大量矢量图标时,频繁创建 Style 对象可能导致性能问题和图标闪烁。为优化性能,使用样式池复用 Style 对象,以减少内存消耗。
2024-08-26 17:11:53
1355
原创 OpenLayers点击矢量图标透明部分无法弹出Overlay的优化
使用空间查询 "forEachFeatureIntersectingExtent" 代替 "getFeaturesAtPixe" ,解决使用 OpenLayers 鼠标事件在PNG图标透明像素区域无法触发click、hover函数,获取矢量的问题。
2024-02-20 17:18:11
1777
原创 Openlayers海量矢量线渲染优化
openlayers海量矢量线渲染优化,使用ImageCanvas图层代替VectorLayer加载矢量面,并依旧可触发所有的VectorLayer地图交互事件。
2024-02-11 23:31:01
1781
原创 Openlayers海量矢量面渲染优化
openlayers海量矢量面渲染优化,使用ImageCanvas图层代替VectorLayer加载矢量面,并依旧可触发所有的VectorLayer地图交互事件。
2024-02-10 00:49:07
1457
1
原创 矢量线数据(GeoJson)生成代码
小工具(TypeScript+Vue3+Turf),可生成指定数量的GeoJson格式矢量线(LineString)数据,属性包括name、color、opacity等(随机值),需要引入Turf。
2023-12-19 10:12:54
644
原创 Openlayers使用WebGL加载多种自定义图标矢量点
使用OpenLayers的WebGLPointsLayer加载海量矢量点(100W),并使用多种自定义图标样式。
2023-12-14 10:53:04
3972
12
原创 Openlayers7的WebGLPointsLayer图层textureCoord生成工具
小工具(TypeScript+Vue3),可生成openlayers7的WebGLPointsLayer图层textureCoord属性对应的match表达式数据。
2023-12-14 10:34:05
871
openlayers geoJson格式矢量点,用于测试基于要素属性聚类(数量:10000)
2024-08-23
GeoJson格式矢量线(LineString)数据
2023-12-19
网格状GeoJson矢量面(Polygon)数据
2023-12-15
openlayers7的WebGLPointsLayer图层textureCoord属性对应的match表达式
2023-12-14
TexturePackerGUI精灵图的制作资源,用于openlayers的WebGLPointsLayer图层
2023-12-13
openlayers的WebGLPointsLayer图层,textureCoord纹理坐标的match匹配表达式文件
2023-12-13
自定义GeoJSON图标矢量点并在OpenLayers中使用WebGL加载
2023-12-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人