gis

丷丩12 小时前
javascript·gis·mapbox·maplibre gl js
MapLibre GL JS第50课:用表达式创建虚线渐变线使用表达式创建带虚线的渐变线条。使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例的核心特色是展示如何同时使用 line-gradient 和 line-dasharray 属性创建带虚线的渐变线条。
丷丩2 天前
gis·可视化·地图·mapbox·maplibre gl js
MapLibre GL JS第49课:用表达式创建渐变线使用表达式创建渐变线条。使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例的核心特色是展示如何使用 line-gradient 属性和表达式创建渐变线条。
丷丩2 天前
gis·地图·样式·mapbox·maplibre gl js
MapLibre GL JS第48课:用数据驱动属性样式化线使用数据表达式创建线条颜色的可视化。使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例的核心特色是展示如何使用数据驱动属性(data-driven property)为线条设置颜色。
丷丩2 天前
javascript·gis·动画·mapbox·maplibre
MapLibre GL JS第47课:添加动画图标向地图添加动画图标。使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例的核心特色是展示如何使用 StyleImageInterface 接口创建动态动画图标。
丷丩3 天前
架构·gis·容错设计
错误处理与容错机制:GeoAI-UP的降级策略设计今天通过GeoAI-UP系统:聊一个非常重要但经常被忽视的话题——错误处理与容错机制。做系统开发的人都明白,再完美的代码也会遇到各种意外情况。网络抖动、数据库超时、外部服务不可用……这些"黑天鹅"事件随时可能发生。
丷丩4 天前
gis·可视化·mapbox·maplibre gl js
MapLibre GL JS第46课:用Markers添加自定义图标⭕️👉课程完整目录⬅️⭕️使用Markers向地图添加自定义图标。使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例的核心特色是展示如何使用 maplibregl.Marker 添加自定义DOM元素作为地图标记。
丷丩5 天前
前端·javascript·gis·mapblibre gl js
MapLibre GL JS第44课:生成并添加缺失图标生成并添加缺失的图标到地图,即样式中配置的图标缺失时,用map的styleimagemissing事件监听并重新定义图标。
GISBox8 天前
gis·等高线·地形·gisbox·geotiff·高度着色·地形高程可视化
告别DEM数值枯燥:GISBox如何用颜色和等高线“翻译”地形在很多GIS应用场景中,地图是用户获取空间信息的第一入口。无论是规划选址、巡检监管,还是风险研判、资源调查,大家往往都会先“看地图”,再做判断。但问题在于,传统地图更多擅长表达地表纹理和空间位置,却并不擅长直接表达地势高低和地形起伏。尤其是在山地、丘陵、河谷等复杂区域,仅凭影像底图,用户往往很难快速、准确地理解真实地形。
无心使然12 天前
前端·gis·数据可视化
OpenLayers 10.9.0 渲染架构分析使用AI对 OpenLayers 10.9.0渲染架构进行的分析,可以用来参考,便于理解(纯文字,按需食用)
丷丩12 天前
javascript·gis·map·mapbox·maplibre gl js
MapLibre GL JS第36课:一个Source配置多个图层样式⭕️MapLibre GL JS全部课时完整目录⭕️一个Source配置多个图层样式使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例的核心特色是展示如何在标签图层下方添加新图层。
Love_云宝儿12 天前
java·gis·地图·jts
GeoJSON简介GeoJSON是一种用JSON格式表示地理空间数据的标准(RFC 7946),前端地图(如Leaflet、Mapbox)经常用它传递点、线、面等几何信息。
Love_云宝儿12 天前
数据结构·gis
WKT数据示例并与GeoJSON数据对比WKT(Well-Known Text) 是 OGC(开放地理空间联盟)标准定义的一种文本格式,用来表示空间几何数据。达梦、PostgreSQL(PostGIS)、MySQL 等数据库都支持它。
Love_云宝儿13 天前
gis·jts
JTS工具类以及调用demo示例工具类调用示例:
无心使然14 天前
前端·vue.js·gis
Openlayers图层按需分层渲染到不同Canvas画布各个库版本如下:Openlayers目前的渲染策略是合成渲染,即通过调度Canvas 2D和WebGL两个渲染管线,使用Composite渲染合成器将各个图层(切片图层、矢量图层等)按照不同渲染机制,最终将图像呈现在浏览器DOM中对应的Canvas画布上(默认Canvas 2D对应一个canvas,WebGL对应一个canvas)
丷丩14 天前
javascript·gis·map·mapbox·maplibre gl js
MapLibre GL JS第35课:显示带地形高程(三维地形)的卫星影像显示带有地形高程的混合卫星地图。使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例的核心特色是展示如何创建带有地形高程的混合卫星地图,包括 globe 投影、卫星影像、地形数据和山体阴影。
丷丩15 天前
开发语言·javascript·gis·mapbox·maplibre gl js
MapLibre GL JS第25课:添加栅格瓦片源向地图添加栅格瓦片数据源。使用 new maplibregl.Map() 创建地图实例,配置完整的自定义样式对象。
丷丩16 天前
javascript·gis·map·mapbox·maplibre gl js
MapLibre GL JS第29课:添加Canvas源向地图添加Canvas数据源。创建隐藏的Canvas元素,实现5个彩色圆形的动画效果:使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例中心点设置在缅甸附近。
丷丩16 天前
前端·javascript·gis·mapbox·maplibre gl js
MapLibre GL JS第21课:绘制GeoJSON点图标、注记在地图上绘制GeoJSON点。使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例中心点设置在全球视图([0, 0])。
丷丩16 天前
前端·javascript·gis·mapbox·maplibre gl js
MapLibre GL JS第20课:更新GeoJSON多边形使用可更新的GeoJSONVT更新GeoJSON多边形。使用 new maplibregl.Map() 创建地图实例,配置基本参数。启用 showTileBoundaries 显示瓦片边界。
丷丩16 天前
javascript·gis·map·mapbox·maplibre gl js
MapLibre GL JS第33课:渲染世界副本在渲染单个世界和多个世界副本之间切换。使用 new maplibregl.Map() 创建地图实例,配置基本参数。本示例的核心特色是展示如何使用 setRenderWorldCopies() 方法在渲染单个世界和多个世界副本之间切换。