GIS入门教程
关注
分享
扫一扫
文章平均质量分 93
欢迎来到 GIS 入门教程的专栏！本专栏旨在为初学者提供全面而易懂的 GIS 知识，帮助您开启探索地理信息世界的精彩之旅。
还是大剑师兰特
曾是美国普渡大学计算机研究生，现为GIS领域高级前端开发工程师。深耕openlayers、leaflet、cesium、mapbox、echarts、threejs、webgl、canvas、svg等技术，目前正研究GIS大模型在低空经济领域的应用，拥有两项GIS方面的专利。
展开
-
Cesium 入门系列教程（九）：通过鼠标绘制图形
曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；优快云知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。原创 2025-03-26 07:30:00 · 960 阅读 · 5 评论 -
Cesium 入门系列教程（十）：利用shader、后处理重构图形
CesiumJS 支持通过自定义着色器（Shaders）和后处理阶段（Post-Processing Stages）来增强可视化效果。这些功能允许你修改场景的渲染方式，添加特效，比如模糊、辉光等，或者对特定对象应用特殊的材质效果。原创 2025-03-28 00:00:00 · 877 阅读 · 10 评论 -
Cesium 入门系列教程（八）：加载3D瓦片及模型
Cesium 是一个用于创建3D地球和地图的JavaScript库，支持加载和展示多种类型的3D数据及模型。要在Cesium中加载3D数据或模型，你可以使用以下几种方式原创 2025-03-25 00:00:00 · 1013 阅读 · 5 评论 -
Cesium 入门系列教程（七）：加载、导出2D文件数据
Cesium 支持多种数据格式，允许用户加载和显示各种地理空间数据。原创 2025-03-24 00:00:00 · 1929 阅读 · 13 评论 -
Cesium 入门系列教程（六）：不同的材质设置示例（10个示例）
在Cesium中，材质（Material）用于定义几何图形的外观属性，比如颜色、纹理等。材质可以应用于多种几何体和实体上，以改变它们的视觉效果。Cesium支持多种类型的材质，包括纯色、网格、图像、条纹、棋盘格等。原创 2025-03-21 00:00:00 · 1148 阅读 · 0 评论 -
Cesium 入门系列教程（五）：利用Primitive生成图形（暂9个示例）
在Cesium中，`Primitive` 是一种高效渲染大量几何图形的方法。它们被设计用于处理大量的几何数据，并且可以在保持高性能的同时提供对这些数据的细粒度控制。使用 `Primitive` 可以直接操作底层图形API，因此对于性能要求较高的应用来说是非常理想的。原创 2025-03-20 00:00:00 · 1120 阅读 · 35 评论 -
Cesium 入门系列教程（四）：利用entity绘制显示图形（14种）
在Cesium中，`Entity` 是用于表示地理空间数据的对象，它可以包含各种类型的图形和数据。通过 `Entity`，你可以在场景中添加多种类型的几何图形和模型。原创 2025-03-19 00:00:00 · 1568 阅读 · 0 评论 -
Cesium 入门系列教程（三）：加载不同的地图底图（10多种）
Cesium 提供了多种类（ImageryProvider）来加载不同的地图底图。每个 `ImageryProvider` 子类代表了一种特定的地图服务或数据源，可以用来在 Cesium Viewer 中显示底图。原创 2025-03-18 00:00:00 · 949 阅读 · 14 评论 -
MapboxGL 入门系列教程（一）：应该如何学习 MapboxGL
Cesium 是一个开源的 JavaScript 库，专门用于创建3D地球和地图的可视化应用。它支持WebGL技术，允许开发者在网页上展示高分辨率的地理空间数据，进行三维场景渲染、地理信息系统（GIS）分析等。Cesium 主要用于构建基于浏览器的应用程序，可以显示全球范围内的地理信息，并且能够处理大量的空间数据。Cesium 1.0 (2012年)初始版本发布，确立了Cesium作为WebGL驱动的3D地球浏览器的基础。提供了基本的地图渲染功能，包括全球地形、影像图层等。原创 2025-03-17 00:00:00 · 718 阅读 · 0 评论 -
Cesium 入门系列教程（二）：界面的基础配置和功能
在CesiumJS中， 是创建3D地球视图的核心组件。它不仅初始化了一个场景，还集成了多种默认控件和功能，使得开发者可以迅速搭建起一个基础的地理空间应用。以下是关于 的详细介绍：https://dajianshi.blog.youkuaiyun.com/article/details/129632504https://dajianshi.blog.youkuaiyun.com/article/details/129218432 https://dajianshi.blog.youkuaiyun.com/article/details/14原创 2025-03-14 00:00:00 · 1741 阅读 · 0 评论 -
Cesium 入门系列教程（一）：应该如何学习 Cesium
Cesium 是一个开源的 JavaScript 库，专门用于创建3D地球和地图的可视化应用。它支持WebGL技术，允许开发者在网页上展示高分辨率的地理空间数据，进行三维场景渲染、地理信息系统（GIS）分析等。Cesium 主要用于构建基于浏览器的应用程序，可以显示全球范围内的地理信息，并且能够处理大量的空间数据。Cesium 1.0 (2012年)初始版本发布，确立了Cesium作为WebGL驱动的3D地球浏览器的基础。提供了基本的地图渲染功能，包括全球地形、影像图层等。原创 2025-03-13 00:00:00 · 1252 阅读 · 29 评论 -
Babylon 与 cesium 对比
- **Babylon.js** 是一个功能全面、易于使用的 3D 游戏引擎和图形库，适合开发复杂的游戏、交互式 3D 应用程序和 VR/AR 体验。它拥有庞大的社区支持和丰富的学习资源，是一个通用的选择。- **Cesium** 是专门为地理空间数据可视化设计的 3D 库，适用于需要精确地理位置的应用，如 GIS、地球科学可视化、城市规划等。它在处理大范围地理空间数据时表现出色，提供了丰富的地理空间功能和高效的性能优化。原创 2024-12-19 06:45:00 · 2238 阅读 · 42 评论 -
cesium 与 threejs 对比
Cesium 和 Three.js 都是用于在 Web 浏览器中创建和渲染 3D 图形的强大 JavaScript 库，但它们有显著的不同之处，主要体现在应用领域、功能集和使用场景上。原创 2024-12-18 07:00:00 · 1714 阅读 · 50 评论 -
Mapbox GL 与 Cesium 对比
- **如果你需要一个** **易于使用、美观且适合全球地图应用** 的框架，**Mapbox GL** 是一个更好的选择。它提供了丰富的样式选项、全球数据覆盖和良好的性能表现，特别适合构建交互式地图应用。 - **如果你需要一个** **强大的 3D 地球可视化引擎**，并且你的应用涉及复杂的 3D 数据集、大规模地形或高级地理分析，**Cesium** 是一个更好的选择。它提供了完整的 3D 地球渲染能力，支持 3D Tiles、Cesium ion 等高级功能，适用于军工、航天、国防等领域。原创 2024-12-17 00:00:00 · 1020 阅读 · 39 评论 -
Cesium入门：Camera的关键知识点
Cesium中的`Camera`（相机）是控制3D场景视图的核心组件，它负责确定观察者在虚拟世界中的位置和视线方向。以下是关于Cesium中`Camera`的一些关键知识点原创 2024-06-26 14:39:01 · 1008 阅读 · 11 评论 -
GeoJSON数据格式详解及示例
GeoJSON的这种结构允许你在一个单一的数据结构中存储多种类型的地理数据，同时每个特征都可以携带丰富的属性数据，使得它非常适合用于地理信息系统（GIS）应用、地图可视化以及空间数据分析。在Web开发中，GeoJSON经常被用来从服务器加载地理数据到客户端的地图应用中，如OpenLayers、Leaflet等。原创 2024-06-23 00:00:00 · 493 阅读 · 9 评论 -
Leaflet 入门教程（十四）：数据转换
Leaflet库本身提供了几个内置的方法来处理地图上的数据转换，主要涉及从地理坐标（经纬度）到图层坐标（像素坐标）以及容器坐标之间的转换。原创 2024-05-20 00:00:00 · 2224 阅读 · 0 评论 -
Leaflet 入门教程（九）：各种弹窗
在Leaflet这个JavaScript库中，弹窗主要是通过L.popup()类来实现的。弹窗通常用于在地图上的某个点展示更多信息，比如地点的描述、图片或链接等。原创 2024-05-19 00:00:00 · 1567 阅读 · 0 评论 -
Leaflet 入门教程（十一）：显示各种图形
在Leaflet中绘制各种图形是一项基础且强大的功能，可以满足地图应用的多种需求。下面我将依次介绍如何使用Leaflet来绘制Marker（标记）、Polyline（折线）、Polygon（多边形），以及如何创建带有箭头的线。原创 2024-05-18 00:00:00 · 1094 阅读 · 0 评论 -
Leaflet 入门教程（十二）：定位与轨迹
在Leaflet中实现定位与轨迹功能，通常需要结合Leaflet的核心功能与一些额外的插件来完成。原创 2024-05-17 00:00:00 · 1739 阅读 · 0 评论 -
Leaflet 入门教程（十三）：动画
曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；优快云知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。原创 2024-05-16 00:00:00 · 2270 阅读 · 0 评论 -
Leaflet 入门教程（十）：手绘图形
手绘图形（或自定义矢量图形）在 Leaflet 中主要通过两种方式实现：使用 L.Polyline、L.Polygon、L.Circle 等基本图形类直接绘制，或者利用 L.Draw 插件来提供用户交互式绘图功能。原创 2024-05-15 00:00:00 · 1110 阅读 · 0 评论 -
Leaflet 入门教程（八）：交互事件篇
在Leaflet中，与地图交互密切相关的事件方法让开发者能够捕捉用户的操作并作出响应。以下是一些常用的事件交互方法，以及它们触发的时机。原创 2024-05-14 00:00:00 · 3186 阅读 · 0 评论 -
Leaflet 入门教程（二）：Map 篇
Leaflet 的 `L.Map` 类（通常简称为 `map` 实例）是 Leaflet 库的核心，负责管理地图的显示、交互以及与各种图层的集成。它提供了丰富的属性和方法来控制和定制地图的行为。以下是一些常用的属性和方法概览原创 2024-05-13 00:00:00 · 2205 阅读 · 0 评论 -
Leaflet 入门教程（五）：文件上传导出
在Leaflet中，直接上传和导出文件（如GeoJSON、KML等）并非其核心功能，因为Leaflet主要关注于前端地图展示。不过，你可以通过结合HTML的文件输入元素、JavaScript以及一些第三方库来实现文件的上传和导出功能。原创 2024-05-12 00:00:00 · 698 阅读 · 0 评论 -
Leaflet 入门教程（四）：文件加载（ 10多种文件格式）
在Leaflet中，加载地理空间数据文件（如GeoJSON、KML、TopoJSON、GPX、KMZ、CSV、WKT、SHP等）通常是为了在地图上展示特定的地理要素，如点、线、面等。原创 2024-05-10 00:00:00 · 1786 阅读 · 1 评论 -
Leaflet 入门教程（三）：底图加载（18种）
在Leaflet中加载底图是创建地图应用的第一步，底图可以是在线的瓦片服务、本地的瓦片集或者是其他地图服务提供的图层。以下是加载底图的几种常见方法.原创 2024-05-11 00:00:00 · 1765 阅读 · 0 评论 -
Leaflet 入门教程（六）：Controls篇（ 约10种控件）
Leaflet的Controls（控件）是用户界面元素，它们提供了与地图交互的方式，比如缩放、切换图层、显示比例尺等。这些控件可以轻松地添加到地图上，增强用户体验。原创 2024-05-09 00:00:00 · 1836 阅读 · 0 评论 -
Leaflet 入门教程（七）：markers 篇
在Leaflet中，`Markers`（标记）是最基本的图元之一，用于在地图上的特定坐标位置显示信息或图标。。原创 2024-05-08 00:00:00 · 2393 阅读 · 0 评论 -
Leaflet 入门教程（一）：应该如何学习 Leaflet
Leaflet是一个开源的JavaScript库，专为创建功能丰富的交互式Web地图而设计。它专注于提供一个既简单又强大的API，使开发者能够轻松地将地图、标记、弹出信息框以及其他交互元素融入网页中。Leaflet的核心特点是其轻量级，这使得地图应用能够快速加载，即使在资源受限的环境中也能表现良好。最佳适用场景：Leaflet凭借其轻量、灵活、高性能的特点，非常适合对加载速度和跨平台能力有较高要求的应用场景，通常用于移动端的比较多。原创 2024-05-07 00:45:00 · 3303 阅读 · 0 评论 -
openlayers 入门教程（十四）：第三方插件
Openlayers第三方插件的开发和维护状态经常更新，直接提供每个插件的详细网址和介绍可能会过时。不过，我可以引导你如何找到这些信息，并提供一些已知的、有影响力的第三方插件的概览及一般获取方式。原创 2024-05-06 00:00:00 · 2643 阅读 · 47 评论 -
openlayers 入门教程（十五）：与 canvas、echart，turf 等交互
OpenLayers 作为一个强大的JavaScript地图库，能够与其他技术如Canvas、Turf.js、ECharts进行交互，以实现更丰富、更复杂的地理信息可视化功能原创 2024-04-29 00:00:00 · 6546 阅读 · 50 评论 -
openlayers 入门教程（十三）：动画
OpenLayers 是一款流行的JavaScript库，提供了丰富的功能来实现各种地图动画效果，包括但不限于轨迹动画、图标动画（如GIF动画）、地图平移与缩放动画、以及自定义的几何形状动画等。原创 2024-04-26 00:00:00 · 2909 阅读 · 56 评论 -
openlayers 入门教程（八）：Geoms 篇
在OpenLayers中并没有直接名为`Geoms`的模块或类，而是通过`ol/geom`模块提供了一系列几何类型，如点（Point）、线（LineString）、多边形（Polygon）、多点集合（MultiPoint）、多线串（MultiLineString）、多边形集合（MultiPolygon）等。原创 2024-04-19 00:00:00 · 2204 阅读 · 44 评论 -
openlayers 入门教程（十一）：Formats 篇
OpenLayers中的Formats主要用于处理地理空间数据的读写和解析，它包含了多种格式支持，比如WKT（Well-Known Text）、GeoJSON、KML、GML等。这些格式类允许开发者在客户端将地图要素转换为特定格式的字符串或者从字符串反序列化为地图要素。原创 2024-04-17 00:00:00 · 1687 阅读 · 36 评论 -
openlayers 入门教程（十二）：定位与轨迹
在OpenLayers中实现定位和轨迹的功能通常涉及到地图上的点标记（Marker）动态更新位置以及记录和显示轨迹路径。原创 2024-04-11 00:45:00 · 3479 阅读 · 45 评论 -
openlayers 入门教程（七）：Interactions 篇
Interaction是用来控制地图的，和控件一样的作用。不过它们的区别是控件触发都是一些可见的 HTML元素触发，如按钮、链接等，而交互功能不可见的，如鼠标双击、滚轮滑动，手机设备的手指缩放等。原创 2024-04-08 00:45:00 · 2483 阅读 · 41 评论 -
openlayers 入门教程（九）：overlay 篇
Overlay这个组件在Openlayers 项目中是经常要用到的，使用的场景通常是作为弹窗，显示某点或者某区域的信息。它不是根据屏幕位置固定的，而是与地理坐标相关联，因此平移地图将移动 Overlay。原创 2024-04-04 00:45:00 · 2610 阅读 · 43 评论 -
openlayers 入门教程（十）：style 篇
OpenLayers 提供了一种强大且灵活的方式来自定义地图上的矢量要素（如点、线、面）的样式，这些样式是通过 `ol/style` 模块中的 `ol.style.Style` 类和其他相关子类（如 `ol.style.Icon`、`ol.style.Stroke`、`ol.style.Fill`、`ol.style.Text` 等）来实现的。原创 2024-04-01 00:45:00 · 3646 阅读 · 54 评论 -
openlayers 入门教程（五）：sources 篇
曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；优快云知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。原创 2024-03-26 06:36:12 · 1708 阅读 · 29 评论