GIS入门教程
文章平均质量分 93
欢迎来到 GIS 入门教程的专栏!本专栏旨在为初学者提供全面而易懂的 GIS 知识,帮助您开启探索地理信息世界的精彩之旅。
还是大剑师兰特
曾是美国普渡大学计算机研究生,现为GIS领域高级前端开发工程师。深耕openlayers、leaflet、cesium、mapbox、echarts、threejs、webgl、canvas、svg等技术,目前正研究GIS大模型在低空经济领域的应用,拥有两项GIS方面的专利。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Cesium 入门教程(十四):鼠标键盘交互
Cesium提供了丰富的3D场景交互功能,支持自定义鼠标键盘事件和实体拾取操作。本文介绍了5个实际案例(包括鼠标样式更改、坐标显示、广告牌点击切换等),并详细讲解了默认交互行为、控制器配置方法、事件监听实现(如LEFT_CLICK、MOUSE_MOVE)和键盘响应逻辑。还包含交互性能优化建议,如事件移除、节流处理等。附有完整源代码链接和可视化演示动图,适合开发者快速掌握Cesium的交互开发技巧。原创 2025-09-01 00:00:00 · 2220 阅读 · 1 评论 -
Cesium 入门教程(十三):粒子系统实例
Cesium粒子系统指南:从基础到实践 Cesium粒子系统可模拟自然现象和特效,如喷泉、烟雾、雨雪等。核心组件包括粒子(位置/速度/大小/颜色属性)、发射器(点/盒/球/锥形)和更新器(控制粒子行为)。通过配置粒子纹理、生命周期、速度及颜色渐变等参数,结合性能优化技巧(如限制粒子数量、简化纹理),可实现丰富的动态效果。文章提供了Vue+Cesium的实践案例源码(喷泉、红烟、局部雨雪效果)和基础配置示例,适合开发者快速掌握粒子系统的应用。原创 2025-08-30 00:00:00 · 5407 阅读 · 0 评论 -
Cesium 入门教程(十二):时间动画实例
Cesium时间动画功能开发指南 本文介绍了Cesium中基于时间维度的动态展示功能,包含5个实际应用案例源代码和基础开发知识。案例涵盖动态位置更新、图片旋转、轨迹模拟等典型场景。详细讲解了时间系统基础、实体动画实现、时间控制API等核心技术,包括JulianDate时间处理、SampledProperty属性动画、Clock时间控制器等关键概念。文章还提供了完整代码示例和可视化效果展示,适合开发者快速掌握Cesium时序数据可视化方法,实现卫星轨迹、交通移动等动态场景的模拟效果。原创 2025-08-29 08:00:00 · 1108 阅读 · 26 评论 -
Cesium 入门教程(十一):Camera相机功能展示
Cesium Camera是控制3D场景视图的核心组件,通过设置位置、方向、视角等参数实现场景浏览。核心功能包括:设置相机位置(setView)、平滑飞行(flyTo)、围绕目标旋转(lookAt)等操作,支持自定义视锥体参数(fov、近/远裁剪面)。提供禁用默认交互、监听相机事件等控制方式,并支持坐标转换(笛卡尔坐标转经纬度)。实际应用示例涵盖自动旋转、定位实体、区域查看等功能。需注意性能优化(合理设置far值)和视角限制(避免极端角度)等问题。原创 2025-08-28 17:30:59 · 1062 阅读 · 1 评论 -
Cesium 入门教程(九):通过鼠标绘制图形
曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。原创 2025-03-26 07:30:00 · 1234 阅读 · 7 评论 -
Cesium 入门教程(十):利用shader、后处理重构图形
CesiumJS 支持通过自定义着色器(Shaders)和后处理阶段(Post-Processing Stages)来增强可视化效果。这些功能允许你修改场景的渲染方式,添加特效,比如模糊、辉光等,或者对特定对象应用特殊的材质效果。原创 2025-03-28 00:00:00 · 1665 阅读 · 11 评论 -
Cesium 入门教程(八):加载3D瓦片及模型
Cesium 是一个用于创建3D地球和地图的JavaScript库,支持加载和展示多种类型的3D数据及模型。要在Cesium中加载3D数据或模型,你可以使用以下几种方式原创 2025-03-25 00:00:00 · 1919 阅读 · 7 评论 -
Cesium 入门教程(七):加载、导出2D文件数据
Cesium 支持多种数据格式,允许用户加载和显示各种地理空间数据。原创 2025-03-24 00:00:00 · 2424 阅读 · 15 评论 -
Cesium 入门教程(六):不同的材质设置示例(10个示例)
在Cesium中,材质(Material)用于定义几何图形的外观属性,比如颜色、纹理等。材质可以应用于多种几何体和实体上,以改变它们的视觉效果。Cesium支持多种类型的材质,包括纯色、网格、图像、条纹、棋盘格等。原创 2025-03-21 00:00:00 · 1842 阅读 · 1 评论 -
Cesium 入门教程(五):利用Primitive生成图形(暂9个示例)
在Cesium中,`Primitive` 是一种高效渲染大量几何图形的方法。它们被设计用于处理大量的几何数据,并且可以在保持高性能的同时提供对这些数据的细粒度控制。使用 `Primitive` 可以直接操作底层图形API,因此对于性能要求较高的应用来说是非常理想的。原创 2025-03-20 00:00:00 · 1534 阅读 · 37 评论 -
Cesium 入门教程(四):利用entity绘制显示图形(14种)
在Cesium中,`Entity` 是用于表示地理空间数据的对象,它可以包含各种类型的图形和数据。通过 `Entity`,你可以在场景中添加多种类型的几何图形和模型。原创 2025-03-19 00:00:00 · 1970 阅读 · 1 评论 -
Cesium 入门教程(三):加载不同的地图底图(10多种)
Cesium 提供了多种类(ImageryProvider)来加载不同的地图底图。每个 `ImageryProvider` 子类代表了一种特定的地图服务或数据源,可以用来在 Cesium Viewer 中显示底图。原创 2025-03-18 00:00:00 · 1975 阅读 · 15 评论 -
MapboxGL 入门系列教程(一):应该如何学习 MapboxGL
Cesium 是一个开源的 JavaScript 库,专门用于创建3D地球和地图的可视化应用。它支持WebGL技术,允许开发者在网页上展示高分辨率的地理空间数据,进行三维场景渲染、地理信息系统(GIS)分析等。Cesium 主要用于构建基于浏览器的应用程序,可以显示全球范围内的地理信息,并且能够处理大量的空间数据。Cesium 1.0 (2012年)初始版本发布,确立了Cesium作为WebGL驱动的3D地球浏览器的基础。提供了基本的地图渲染功能,包括全球地形、影像图层等。原创 2025-03-17 00:00:00 · 2158 阅读 · 1 评论 -
Cesium 入门教程(二):界面的基础配置和功能
在CesiumJS中, 是创建3D地球视图的核心组件。它不仅初始化了一个场景,还集成了多种默认控件和功能,使得开发者可以迅速搭建起一个基础的地理空间应用。以下是关于 的详细介绍:https://dajianshi.blog.csdn.net/article/details/129632504https://dajianshi.blog.csdn.net/article/details/129218432 https://dajianshi.blog.csdn.net/article/details/14原创 2025-03-14 00:00:00 · 2277 阅读 · 0 评论 -
Cesium 入门教程(一):应该如何学习 Cesium
Cesium 是一个开源的 JavaScript 库,专门用于创建3D地球和地图的可视化应用。它支持WebGL技术,允许开发者在网页上展示高分辨率的地理空间数据,进行三维场景渲染、地理信息系统(GIS)分析等。Cesium 主要用于构建基于浏览器的应用程序,可以显示全球范围内的地理信息,并且能够处理大量的空间数据。Cesium 1.0 (2012年)初始版本发布,确立了Cesium作为WebGL驱动的3D地球浏览器的基础。提供了基本的地图渲染功能,包括全球地形、影像图层等。原创 2025-03-13 00:00:00 · 2632 阅读 · 30 评论 -
Babylon 与 cesium 对比
- **Babylon.js** 是一个功能全面、易于使用的 3D 游戏引擎和图形库,适合开发复杂的游戏、交互式 3D 应用程序和 VR/AR 体验。它拥有庞大的社区支持和丰富的学习资源,是一个通用的选择。- **Cesium** 是专门为地理空间数据可视化设计的 3D 库,适用于需要精确地理位置的应用,如 GIS、地球科学可视化、城市规划等。它在处理大范围地理空间数据时表现出色,提供了丰富的地理空间功能和高效的性能优化。原创 2024-12-19 06:45:00 · 2605 阅读 · 42 评论 -
cesium 与 threejs 对比
Cesium 和 Three.js 都是用于在 Web 浏览器中创建和渲染 3D 图形的强大 JavaScript 库,但它们有显著的不同之处,主要体现在应用领域、功能集和使用场景上。原创 2024-12-18 07:00:00 · 2389 阅读 · 50 评论 -
Mapbox GL 与 Cesium 对比
- **如果你需要一个** **易于使用、美观且适合全球地图应用** 的框架,**Mapbox GL** 是一个更好的选择。它提供了丰富的样式选项、全球数据覆盖和良好的性能表现,特别适合构建交互式地图应用。 - **如果你需要一个** **强大的 3D 地球可视化引擎**,并且你的应用涉及复杂的 3D 数据集、大规模地形或高级地理分析,**Cesium** 是一个更好的选择。它提供了完整的 3D 地球渲染能力,支持 3D Tiles、Cesium ion 等高级功能,适用于军工、航天、国防等领域。原创 2024-12-17 00:00:00 · 1452 阅读 · 39 评论 -
Cesium入门:Camera的关键知识点
Cesium中的`Camera`(相机)是控制3D场景视图的核心组件,它负责确定观察者在虚拟世界中的位置和视线方向。以下是关于Cesium中`Camera`的一些关键知识点原创 2024-06-26 14:39:01 · 1128 阅读 · 11 评论 -
GeoJSON数据格式详解及示例
GeoJSON的这种结构允许你在一个单一的数据结构中存储多种类型的地理数据,同时每个特征都可以携带丰富的属性数据,使得它非常适合用于地理信息系统(GIS)应用、地图可视化以及空间数据分析。在Web开发中,GeoJSON经常被用来从服务器加载地理数据到客户端的地图应用中,如OpenLayers、Leaflet等。原创 2024-06-23 00:00:00 · 747 阅读 · 9 评论 -
Leaflet 入门系列教程(十四):数据转换
Leaflet库本身提供了几个内置的方法来处理地图上的数据转换,主要涉及从地理坐标(经纬度)到图层坐标(像素坐标)以及容器坐标之间的转换。原创 2024-05-20 00:00:00 · 2598 阅读 · 0 评论 -
Leaflet 入门系列教程(九):各种弹窗
在Leaflet这个JavaScript库中,弹窗主要是通过L.popup()类来实现的。弹窗通常用于在地图上的某个点展示更多信息,比如地点的描述、图片或链接等。原创 2024-05-19 00:00:00 · 1963 阅读 · 0 评论 -
Leaflet 入门系列教程(十一):显示各种图形
在Leaflet中绘制各种图形是一项基础且强大的功能,可以满足地图应用的多种需求。下面我将依次介绍如何使用Leaflet来绘制Marker(标记)、Polyline(折线)、Polygon(多边形),以及如何创建带有箭头的线。原创 2024-05-18 00:00:00 · 1449 阅读 · 0 评论 -
Leaflet 入门系列教程(十二):定位与轨迹
在Leaflet中实现定位与轨迹功能,通常需要结合Leaflet的核心功能与一些额外的插件来完成。原创 2024-05-17 00:00:00 · 2180 阅读 · 0 评论 -
Leaflet 入门系列教程(十三):动画
曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。原创 2024-05-16 00:00:00 · 2891 阅读 · 0 评论 -
Leaflet 入门系列教程(十):手绘图形
手绘图形(或自定义矢量图形)在 Leaflet 中主要通过两种方式实现:使用 L.Polyline、L.Polygon、L.Circle 等基本图形类直接绘制,或者利用 L.Draw 插件来提供用户交互式绘图功能。原创 2024-05-15 00:00:00 · 1388 阅读 · 0 评论 -
Leaflet 入门系列教程(八):交互事件篇
在Leaflet中,与地图交互密切相关的事件方法让开发者能够捕捉用户的操作并作出响应。以下是一些常用的事件交互方法,以及它们触发的时机。原创 2024-05-14 00:00:00 · 4083 阅读 · 0 评论 -
Leaflet 入门系列教程(二):Map 篇
Leaflet 的 `L.Map` 类(通常简称为 `map` 实例)是 Leaflet 库的核心,负责管理地图的显示、交互以及与各种图层的集成。它提供了丰富的属性和方法来控制和定制地图的行为。以下是一些常用的属性和方法概览原创 2024-05-13 00:00:00 · 2976 阅读 · 0 评论 -
Leaflet 入门系列教程(五):文件上传导出
在Leaflet中,直接上传和导出文件(如GeoJSON、KML等)并非其核心功能,因为Leaflet主要关注于前端地图展示。不过,你可以通过结合HTML的文件输入元素、JavaScript以及一些第三方库来实现文件的上传和导出功能。原创 2024-05-12 00:00:00 · 825 阅读 · 0 评论 -
Leaflet 入门教程(四):文件加载( 10多种文件格式)
在Leaflet中,加载地理空间数据文件(如GeoJSON、KML、TopoJSON、GPX、KMZ、CSV、WKT、SHP等)通常是为了在地图上展示特定的地理要素,如点、线、面等。原创 2024-05-10 00:00:00 · 2065 阅读 · 1 评论 -
Leaflet 入门系列教程(三):底图加载(18种)
在Leaflet中加载底图是创建地图应用的第一步,底图可以是在线的瓦片服务、本地的瓦片集或者是其他地图服务提供的图层。以下是加载底图的几种常见方法.原创 2024-05-11 00:00:00 · 2231 阅读 · 0 评论 -
Leaflet 入门系列教程(六):Controls篇( 约10种控件)
Leaflet的Controls(控件)是用户界面元素,它们提供了与地图交互的方式,比如缩放、切换图层、显示比例尺等。这些控件可以轻松地添加到地图上,增强用户体验。原创 2024-05-09 00:00:00 · 2269 阅读 · 0 评论 -
Leaflet 入门系列教程(七):markers 篇
在Leaflet中,`Markers`(标记)是最基本的图元之一,用于在地图上的特定坐标位置显示信息或图标。。原创 2024-05-08 00:00:00 · 3295 阅读 · 26 评论 -
Leaflet 入门系列教程(一):应该如何学习 Leaflet
Leaflet是一个开源的JavaScript库,专为创建功能丰富的交互式Web地图而设计。它专注于提供一个既简单又强大的API,使开发者能够轻松地将地图、标记、弹出信息框以及其他交互元素融入网页中。Leaflet的核心特点是其轻量级,这使得地图应用能够快速加载,即使在资源受限的环境中也能表现良好。最佳适用场景:Leaflet凭借其轻量、灵活、高性能的特点,非常适合对加载速度和跨平台能力有较高要求的应用场景,通常用于移动端的比较多。原创 2024-05-07 00:45:00 · 5469 阅读 · 54 评论 -
openlayers 入门教程(十四):第三方插件
Openlayers第三方插件的开发和维护状态经常更新,直接提供每个插件的详细网址和介绍可能会过时。不过,我可以引导你如何找到这些信息,并提供一些已知的、有影响力的第三方插件的概览及一般获取方式。原创 2024-05-06 00:00:00 · 3112 阅读 · 47 评论 -
openlayers 入门教程(十五):与 canvas、echart,turf 等交互
OpenLayers 作为一个强大的JavaScript地图库,能够与其他技术如Canvas、Turf.js、ECharts进行交互,以实现更丰富、更复杂的地理信息可视化功能原创 2024-04-29 00:00:00 · 7041 阅读 · 50 评论 -
openlayers 入门教程(十三):动画
OpenLayers 是一款流行的JavaScript库,提供了丰富的功能来实现各种地图动画效果,包括但不限于轨迹动画、图标动画(如GIF动画)、地图平移与缩放动画、以及自定义的几何形状动画等。原创 2024-04-26 00:00:00 · 3561 阅读 · 56 评论 -
openlayers 入门教程(八):Geoms 篇
在OpenLayers中并没有直接名为`Geoms`的模块或类,而是通过`ol/geom`模块提供了一系列几何类型,如点(Point)、线(LineString)、多边形(Polygon)、多点集合(MultiPoint)、多线串(MultiLineString)、多边形集合(MultiPolygon)等。原创 2024-04-19 00:00:00 · 2611 阅读 · 44 评论 -
openlayers 入门教程(十一):Formats 篇
OpenLayers中的Formats主要用于处理地理空间数据的读写和解析,它包含了多种格式支持,比如WKT(Well-Known Text)、GeoJSON、KML、GML等。这些格式类允许开发者在客户端将地图要素转换为特定格式的字符串或者从字符串反序列化为地图要素。原创 2024-04-17 00:00:00 · 1843 阅读 · 36 评论 -
openlayers 入门教程(十二):定位与轨迹
在OpenLayers中实现定位和轨迹的功能通常涉及到地图上的点标记(Marker)动态更新位置以及记录和显示轨迹路径。原创 2024-04-11 00:45:00 · 4029 阅读 · 45 评论
分享