自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 OpenLayers点击矢量图标透明部分无法弹出Overlay的优化

使用空间查询 "forEachFeatureIntersectingExtent" 代替 "getFeaturesAtPixe" ,解决使用 OpenLayers 鼠标事件在PNG图标透明像素区域无法触发click、hover函数,获取矢量的问题。

2024-02-20 17:18:11 1506

原创 openlayers海量矢量线渲染优化

openlayers海量矢量线渲染优化,使用ImageCanvas图层代替VectorLayer加载矢量面,并依旧可触发所有的VectorLayer地图交互事件。

2024-02-11 23:31:01 824

原创 openlayers海量矢量面渲染优化

openlayers海量矢量面渲染优化,使用ImageCanvas图层代替VectorLayer加载矢量面,并依旧可触发所有的VectorLayer地图交互事件。

2024-02-10 00:49:07 707 1

原创 矢量线数据(GeoJson)生成代码

小工具(TypeScript+Vue3+Turf),可生成指定数量的GeoJson格式矢量线(LineString)数据,属性包括name、color、opacity等(随机值),需要引入Turf。

2023-12-19 10:12:54 446 1

原创 矢量面数据(网格状GeoJson)生成代码

可生成指定数量的网格状GeoJson格式矢量面(Polygon)数据。

2023-12-15 12:54:41 474 1

原创 Openlayers使用WebGL加载多种自定义图标矢量点

使用OpenLayers的WebGLPointsLayer加载海量矢量点(100W),并使用多种自定义图标样式。

2023-12-14 10:53:04 2953 7

原创 openlayers7的WebGLPointsLayer图层textureCoord生成工具

小工具(TypeScript+Vue3),可生成openlayers7的WebGLPointsLayer图层textureCoord属性对应的match表达式数据。

2023-12-14 10:34:05 724

原创 矢量点数据(GeoJson)生成代码

小工具,生成GeoJson数据,字段包括name、color、rotation等,值为随机数。

2023-12-13 10:50:40 480

GeoJson格式矢量线(LineString)数据

GeoJson格式矢量线(LineString)数据压缩包,属性包括name、color、opacity等(随机值),包含1W、10W、50W三种数量的矢量线GeoJson文件。

2023-12-19

网格状GeoJson矢量面(Polygon)数据

网格状GeoJson格式矢量面(Polygon)数据,属性包括name、color、rotation、opacity等(随机值),压缩包包含1W、25W两种数量的json文件。

2023-12-15

openlayers7的WebGLPointsLayer图层textureCoord属性对应的match表达式

图标编码-纹理坐标映射数据,规格为50X50共2500个图标编码和纹理位置,按两行为一组分组共25组+默认值,键名为字母a~y(25个)+默认值z。

2023-12-14

TexturePackerGUI精灵图的制作资源,用于openlayers的WebGLPointsLayer图层

1.每个png子图标大小应一致且为正方形(目前48×48) 2.精灵图大小为(50*子图标长×50*子图标宽=2400×2400) 3.将自己的图标替换对应编号文件夹中对应编号的图标(编号0000对应00文件夹00图标) 4.更新时将所有文件夹拖入TexturePackerGUI生成新的精灵图

2023-12-13

openlayers的WebGLPointsLayer图层,textureCoord纹理坐标的match匹配表达式文件

openlayers的WebGLPointsLayer图层,textureCoord纹理坐标的match匹配表达式文件,注释掉了大部分编码和坐标,使用时打开注释。

2023-12-13

自定义GeoJSON图标矢量点并在OpenLayers中使用WebGL加载

内容概要:自定义格式GeoJSON图标矢量点,包括10W、50W、100W三种数据大小的json文件,字段值包括color、name、opacity、rotation、type等。 适用人群:需要适用GeoJSON格式数据实验的群体。

2023-12-12

空空如也

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

TA关注的人

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