GIS入门教程
文章平均质量分 92
欢迎来到 GIS 入门教程的专栏!本专栏旨在为初学者提供全面而易懂的 GIS 知识,帮助您开启探索地理信息世界的精彩之旅。
还是大剑师兰特
美国某知名大学研究生,专业的航天航海交通领域高级前端开发工程师,从事GIS、物联网行业多年,深耕openlayers,leaflet,cesium,mapbox,echarts等领域。
展开
-
Cesium入门:Viewer 知识点总结
Cesium Viewer 是 Cesium 开源 JavaScript 库中一个强大的工具,用于构建和展示 3D 地理空间数据和场景。它是 Cesium 中最常用的小部件,提供了一个高度定制化的 3D 地球模型,允许开发者添加各种类型的地理空间数据、控制用户交互、以及扩展其功能以适应特定的应用需求。原创 2024-07-11 00:00:00 · 890 阅读 · 38 评论 -
学习cesium需要准备的知识
Cesium的知识体系结构跨越了三个主要的技术领域,这使得它成为了一个功能强大且高度灵活的三维地理空间信息可视化平台。以下是构成Cesium知识体系的三大核心领域及其相关内容概览:### 1. Web前端 (Web Frontend)- **HTML/CSS/JavaScript**: 基础的Web开发技术,是构建Cesium应用的基石。特别是JavaScript,因为Cesium本身就是用JavaScript编写的,了解其语法、异步编程、DOM操作等是基础。- **WebGL**: Cesium原创 2024-07-04 00:30:00 · 1132 阅读 · 19 评论 -
Cesium入门:Primitives 核心知识点总结
Cesium中的`Primitives`是用于直接管理底层图形数据和渲染过程的核心组件,它提供了比`Entities`更低层级的控制,适合对性能有严格要求或者需要更细粒度自定义的场景。下面是关于Cesium `Primitives`的一些核心知识点总结原创 2024-07-01 00:00:00 · 898 阅读 · 39 评论 -
Cesium入门:Entities核心知识点总结
Cesium中的`Entities`是构建3D地理空间应用的核心组件,它允许开发者以高度灵活的方式在三维地球上创建和管理各种地理要素。以下是关于Cesium `Entities`的一些核心知识点总结原创 2024-06-27 00:00:00 · 1289 阅读 · 32 评论 -
Cesium入门:Camera的关键知识点
Cesium中的`Camera`(相机)是控制3D场景视图的核心组件,它负责确定观察者在虚拟世界中的位置和视线方向。以下是关于Cesium中`Camera`的一些关键知识点原创 2024-06-26 14:39:01 · 845 阅读 · 11 评论 -
GeoJSON数据格式详解及示例
GeoJSON的这种结构允许你在一个单一的数据结构中存储多种类型的地理数据,同时每个特征都可以携带丰富的属性数据,使得它非常适合用于地理信息系统(GIS)应用、地图可视化以及空间数据分析。在Web开发中,GeoJSON经常被用来从服务器加载地理数据到客户端的地图应用中,如OpenLayers、Leaflet等。原创 2024-06-23 00:00:00 · 297 阅读 · 9 评论 -
Leaflet 入门教程(十四):数据转换
Leaflet库本身提供了几个内置的方法来处理地图上的数据转换,主要涉及从地理坐标(经纬度)到图层坐标(像素坐标)以及容器坐标之间的转换。原创 2024-05-20 00:00:00 · 1737 阅读 · 29 评论 -
Leaflet 入门教程(九):弹窗
在Leaflet这个JavaScript库中,弹窗主要是通过L.popup()类来实现的。弹窗通常用于在地图上的某个点展示更多信息,比如地点的描述、图片或链接等。原创 2024-05-19 00:00:00 · 1045 阅读 · 0 评论 -
Leaflet 入门教程(十一):显示图形
在Leaflet中绘制各种图形是一项基础且强大的功能,可以满足地图应用的多种需求。下面我将依次介绍如何使用Leaflet来绘制Marker(标记)、Polyline(折线)、Polygon(多边形),以及如何创建带有箭头的线。原创 2024-05-18 00:00:00 · 844 阅读 · 3 评论 -
Leaflet 入门教程(十二):定位与轨迹
在Leaflet中实现定位与轨迹功能,通常需要结合Leaflet的核心功能与一些额外的插件来完成。原创 2024-05-17 00:00:00 · 1168 阅读 · 22 评论 -
Leaflet 入门教程(十三):动画
曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。原创 2024-05-16 00:00:00 · 1839 阅读 · 41 评论 -
Leaflet 入门教程(十):手绘图形
手绘图形(或自定义矢量图形)在 Leaflet 中主要通过两种方式实现:使用 L.Polyline、L.Polygon、L.Circle 等基本图形类直接绘制,或者利用 L.Draw 插件来提供用户交互式绘图功能。原创 2024-05-15 00:00:00 · 894 阅读 · 17 评论 -
Leaflet 入门教程(八):交互事件篇
在Leaflet中,与地图交互密切相关的事件方法让开发者能够捕捉用户的操作并作出响应。以下是一些常用的事件交互方法,以及它们触发的时机。原创 2024-05-14 00:00:00 · 2060 阅读 · 35 评论 -
Leaflet 入门教程(二):Map 篇
Leaflet 的 `L.Map` 类(通常简称为 `map` 实例)是 Leaflet 库的核心,负责管理地图的显示、交互以及与各种图层的集成。它提供了丰富的属性和方法来控制和定制地图的行为。以下是一些常用的属性和方法概览原创 2024-05-13 00:00:00 · 1583 阅读 · 52 评论 -
Leaflet 入门教程(五):文件上传导出
在Leaflet中,直接上传和导出文件(如GeoJSON、KML等)并非其核心功能,因为Leaflet主要关注于前端地图展示。不过,你可以通过结合HTML的文件输入元素、JavaScript以及一些第三方库来实现文件的上传和导出功能。原创 2024-05-12 00:00:00 · 611 阅读 · 1 评论 -
Leaflet 入门教程(四):文件加载( 10多种文件格式)
在Leaflet中,加载地理空间数据文件(如GeoJSON、KML、TopoJSON、GPX、KMZ、CSV、WKT、SHP等)通常是为了在地图上展示特定的地理要素,如点、线、面等。原创 2024-05-10 00:00:00 · 1532 阅读 · 1 评论 -
Leaflet 入门教程(三):底图加载(18种)
在Leaflet中加载底图是创建地图应用的第一步,底图可以是在线的瓦片服务、本地的瓦片集或者是其他地图服务提供的图层。以下是加载底图的几种常见方法.原创 2024-05-11 00:00:00 · 1300 阅读 · 42 评论 -
Leaflet 入门教程(六):Controls篇( 约10种控件)
Leaflet的Controls(控件)是用户界面元素,它们提供了与地图交互的方式,比如缩放、切换图层、显示比例尺等。这些控件可以轻松地添加到地图上,增强用户体验。原创 2024-05-09 00:00:00 · 1343 阅读 · 31 评论 -
Leaflet 入门教程(七):markers 篇
在Leaflet中,`Markers`(标记)是最基本的图元之一,用于在地图上的特定坐标位置显示信息或图标。。原创 2024-05-08 00:00:00 · 1458 阅读 · 26 评论 -
Leaflet 入门教程(一):应该如何学习 Leaflet
Leaflet是一个开源的JavaScript库,专为创建功能丰富的交互式Web地图而设计。它专注于提供一个既简单又强大的API,使开发者能够轻松地将地图、标记、弹出信息框以及其他交互元素融入网页中。Leaflet的核心特点是其轻量级,这使得地图应用能够快速加载,即使在资源受限的环境中也能表现良好。最佳适用场景:Leaflet凭借其轻量、灵活、高性能的特点,非常适合对加载速度和跨平台能力有较高要求的应用场景,通常用于移动端的比较多。原创 2024-05-07 00:45:00 · 1972 阅读 · 54 评论 -
openlayers 入门教程(十四):第三方插件
Openlayers第三方插件的开发和维护状态经常更新,直接提供每个插件的详细网址和介绍可能会过时。不过,我可以引导你如何找到这些信息,并提供一些已知的、有影响力的第三方插件的概览及一般获取方式。原创 2024-05-06 00:00:00 · 2202 阅读 · 47 评论 -
openlayers 入门教程(十五):与 canvas、echart,turf 等交互
OpenLayers 作为一个强大的JavaScript地图库,能够与其他技术如Canvas、Turf.js、ECharts进行交互,以实现更丰富、更复杂的地理信息可视化功能原创 2024-04-29 00:00:00 · 5680 阅读 · 50 评论 -
openlayers 入门教程(十三):动画
OpenLayers 是一款流行的JavaScript库,提供了丰富的功能来实现各种地图动画效果,包括但不限于轨迹动画、图标动画(如GIF动画)、地图平移与缩放动画、以及自定义的几何形状动画等。原创 2024-04-26 00:00:00 · 2269 阅读 · 56 评论 -
openlayers 入门教程(八):Geoms 篇
在OpenLayers中并没有直接名为`Geoms`的模块或类,而是通过`ol/geom`模块提供了一系列几何类型,如点(Point)、线(LineString)、多边形(Polygon)、多点集合(MultiPoint)、多线串(MultiLineString)、多边形集合(MultiPolygon)等。原创 2024-04-19 00:00:00 · 1763 阅读 · 44 评论 -
openlayers 入门教程(十一):Formats 篇
OpenLayers中的Formats主要用于处理地理空间数据的读写和解析,它包含了多种格式支持,比如WKT(Well-Known Text)、GeoJSON、KML、GML等。这些格式类允许开发者在客户端将地图要素转换为特定格式的字符串或者从字符串反序列化为地图要素。原创 2024-04-17 00:00:00 · 1428 阅读 · 36 评论 -
openlayers 入门教程(十二):定位与轨迹
在OpenLayers中实现定位和轨迹的功能通常涉及到地图上的点标记(Marker)动态更新位置以及记录和显示轨迹路径。原创 2024-04-11 00:45:00 · 2558 阅读 · 45 评论 -
openlayers 入门教程(七):Interactions 篇
Interaction是用来控制地图的,和控件一样的作用。不过它们的区别是控件触发都是一些可见的 HTML元素触发,如按钮、链接等,而交互功能不可见的,如鼠标双击、滚轮滑动,手机设备的手指缩放等。原创 2024-04-08 00:45:00 · 1812 阅读 · 41 评论 -
openlayers 入门教程(九):overlay 篇
Overlay这个组件在Openlayers 项目中是经常要用到的,使用的场景通常是作为弹窗,显示某点或者某区域的信息。它不是根据屏幕位置固定的,而是与地理坐标相关联,因此平移地图将移动 Overlay。原创 2024-04-04 00:45:00 · 1941 阅读 · 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 · 2630 阅读 · 54 评论 -
openlayers 入门教程(五):sources 篇
曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。原创 2024-03-26 06:36:12 · 1283 阅读 · 29 评论 -
openlayers 入门教程(六):controls 篇
控件是一个可见的小部件,其 DOM 元素位于屏幕上的固定位置。 它们可以涉及用户输入(按钮),或者仅提供信息; 位置是使用 CSS 确定的。 默认情况下,它们放置在 CSS 类名为 ol-overlay container-stop event 的容器中,但可以使用任何外部 DOM 元素。原创 2024-03-25 00:00:00 · 2978 阅读 · 44 评论 -
openlayers 入门教程(四):layers 篇
在 openlayers 中,图层是使用 layer 对象表示的,**`主要有 WebGLPoints Layer、热度图(HeatMap Layer)、图片图层(Image Layer)、切片图层(Tile Layer)和 矢量图层(Vector Layer)五种类型`**,它们都是继承 Layer 类的。原创 2024-03-22 11:49:55 · 1387 阅读 · 15 评论 -
openlayers 入门教程(三):view 篇
iew表示地图的简单 2D 视图。可以用来控制地图在容器中移动,还可以更改地图的中心,分辨率,旋转等。主要会用到两种projection:球面墨卡托 (EPSG:3857)和wgs84(EPSG:4326),查看两者的概念和区别原创 2024-03-20 00:00:00 · 2176 阅读 · 45 评论 -
openlayers 入门教程(二):map 篇
OpenLayers 是一个开源的 JavaScript 库,用于在网页中构建交互式的地图应用程序。ol/Map 类是 OpenLayers API 中的核心组件之一,它负责创建和管理整个地图实例。**原创 2024-03-17 01:44:48 · 2984 阅读 · 55 评论 -
Openlayers 入门教程(一):应该如何学习 Openlayers
关于如何学好Openlayers,主要着手于两个方面,一是熟悉了解其基本的API,学习参数的设置、触发的方法,常用的函数。 另外一个是观摩仿写别人的写的示例,从中受益。`**原创 2024-03-15 00:00:00 · 3856 阅读 · 72 评论