- 博客(1852)
- 收藏
- 关注

原创 leaflet 综合教程150+ 【目录 】
vue+leaflet系列教程旨在为开发者提供简单快捷的,。在每一个示例中,解释相应的API知识点,做到。注意本示例目录中的内容可能加载是vue+openlayers的示例, 本目录是要加载vue+leaflet的示例,只是内容少,逐渐更新中。
2022-09-07 15:39:10
9074
208

原创 openlayers全面教程290+【目录】
vue+openlayers系列教程旨在为开发者提供简单快捷的示例。在每一个示例中,解释相应的API知识点。
2022-09-05 15:57:58
21003
184
原创 遥感技术(定义、分类、系统、历史趋势、应用)
遥感(Remote Sensing,RS)是指通过非接触的方式,利用传感器设备从远距离获取地球表面或其他天体的信息,并对其进行分析和处理的技术。这种技术依赖于电磁波谱中的各种波段,包括可见光、红外线、微波等,来捕捉目标物体的特征信息。遥感的核心在于不直接接触被观测对象,而是通过接收反射或发射回来的电磁波信号来进行数据采集。遥感的基本原理基于电磁辐射与物质之间的相互作用。当太阳或其他自然源发出的电磁波照射到地表时,这些波会被地面的不同材料吸收、反射或透射。
2025-04-17 11:44:09
1133
10
原创 富勒 (Fuller) 投影
富勒投影(Fuller Projection),又称为戴维斯-富勒投影或Dymaxion地图,是由美国建筑师、系统理论家理查德·巴克敏斯特·富勒(Richard Buckminster Fuller)于1946年发明的一种独特地图投影方式。富勒以其在建筑学和系统理论方面的贡献而闻名,尤其是他设计的网格球顶结构(Geodesic Dome)。然而,他对地理学的兴趣同样深厚,并希望通过一种创新的地图形式来更好地展示地球的真实面貌。
2025-04-17 10:31:15
1082
13
原创 埃托夫 (Aitoff) 投影
埃托夫(Aitoff)投影是一种特殊的地图投影方法,最初由德国数学家大卫·A·埃托夫于1889年提出。作为一种折衷的地图投影,它旨在平衡角度、面积和距离的失真,适用于全球范围内的概览图。埃托夫投影是基于方位角等距投影改进而来,通过将原始的半球投影水平拉伸一倍,形成一个椭圆形的地图,其宽度是高度的两倍。这种投影方式特别适合展示以特定点为中心的区域,例如极地或某个城市为中心的地图,同时为观察者提供了一个相对均衡的世界视图。
2025-04-16 16:58:35
546
2
原创 垂直坐标系(Vertical Coordinate System)
垂直坐标系(Vertical Coordinate System)在地理信息系统(GIS)、地图学、大地测量学以及地球科学中扮演着至关重要的角色。它用于描述地球上任意一点的高度或深度位置,与水平坐标系(如经纬度系统)结合使用,以提供三维空间定位。
2025-04-16 16:50:48
992
1
原创 123:vue+cesium 获取相机姿态信息(航向、俯仰、滚转)
本示例介绍如何在vue+cesium中获取相机姿态信息(航向、俯仰、滚转)。航向(Heading)是指绕垂直轴(通常是Z轴)的旋转角度;俯仰(Pitch)是绕侧向轴(Y轴)的旋转;滚转(Roll)则是绕纵向轴(X轴)的旋转。在 Cesium 中,可以通过 Cesium.Transforms.headingPitchRollQuaternion 方法将航向、俯仰和滚转转换为四元数。
2025-04-04 07:00:00
221
19
原创 点云数据下载(8个地址)
提供了多个高质量的3D扫描模型,如著名的斯坦福兔子(Bunny)、龙(Dragon)和快乐佛像(Happy Buddha)。这些模型常用于测试和验证三维重建算法。
2025-04-04 00:00:00
700
3
原创 Cesium 入门系列教程(九):通过鼠标绘制图形
监听鼠标事件:使用 ScreenSpaceEventHandler 监听鼠标的点击、移动和右键结束事件。记录点的位置:在鼠标点击时记录点的地理坐标,并将其转换为笛卡尔坐标。
2025-04-03 07:30:00
165
15
原创 122:vue+cesium 获取相机中心点坐标
本示例介绍如何在vue+cesium中获取相机中心点坐标。**关键点解析:**(1)pickEllipsoid 方法:该方法根据屏幕上的像素位置(如画布中心点)计算对应的地球椭球体上的坐标。如果相机未对准地球表面(例如看向太空),则返回 undefined。(2)屏幕中心点坐标:使用 viewer.canvas.clientWidth / 2 和 viewer.canvas.clientHeight / 2 计算画布的中心点。(3)坐标转换:Cartesian3 是世界坐标系中的三维坐标。使
2025-04-03 00:00:00
304
35
原创 常用的vue.config.js配置示例
`vue.config.js` 是 Vue CLI 项目中的一个可选配置文件,用于对项目的构建和开发环境进行自定义配置。它是一个可选的配置文件,位于项目的根目录下。如果存在该文件,Vue CLI 会自动加载并应用其中的配置。
2025-04-03 00:00:00
1062
12
原创 全球船舶动态信息服务平台
用户可以通过该平台实时跟踪全球范围内数以万计的船舶位置、航行速度、航向等信息。基于AIS(自动识别系统)技术,船讯网能够为用户提供准确的船舶动态。
2025-04-02 17:22:35
898
3
原创 121:vue+cesium 锁定视角,禁用相机的所有用户交互操作
本示例介绍如何在vue+cesium中实现锁定视角,禁用相机的所有用户交互操作。若要完全锁定视角,即阻止任何对相机的操作,包括鼠标和键盘交互,可以通过禁用相机的输入控制器来实现。
2025-04-02 00:00:00
233
6
原创 Vue中动态更新JSON数据【前端+后端+websocket】
前端 JSON 文件:适合小型项目,数据存储在本地。后端 API:适合需要与后端交互的中大型项目。WebSocket:适合实时性要求高的场景。
2025-04-01 13:46:33
1249
16
原创 285:vue+openlayers 极速显示全球2万+浮标位置json数据
本示例介绍如何在vue+openlayer中极速显示全球2万+浮标位置json数据。这里主要通过的手段是采用WebGLPoints方式来加载点,提升数据。同时也注意如何调用外部的json 数组数据。
2025-04-01 06:00:00
596
31
原创 vue动态引用json数据的两种方式,数据内容是数组
import方式适用于静态数据,数据在编译时确定。数据会被打包进最终的 JavaScript 文件中。fetch或axios方式适用于动态加载的数据,或者 JSON 文件较大、不需要每次都加载的情况。数据不会被打包进 JavaScript 文件中,而是运行时从服务器加载。根据你的需求选择合适的方式!
2025-03-31 18:02:00
1088
1
原创 120:vue+cesium 粒子跟随移动的飞机喷射火焰
本示例介绍如何在vue+cesium中实现粒子喷射,跟随着飞机移动而移动。实现思路是1.用clock组件创建时间线2.时间轴和飞机的位置信息绑定3.添加模型并让模型按照绑定的位置飞行4.创建粒子系统5.让粒子实时跟随模型移动
2025-03-31 11:21:26
908
23
原创 119:vue+cesium 将折线绘制到地面
本示例介绍如何在vue+cesium中绘制折线,并将折线绘制到地面上。这里面要注意到要使用地形图,并且clampToGround属性要设置为true。
2025-03-30 22:45:44
90
14
原创 海洋气象(二): 浏览全球范围内的风速、温度、湿度、云量等气象元素
展示全球风速、海流以及其他气象信息,旨在以艺术化的形式让公众更好地理解和欣赏地球的大气与海洋动态。开发者: Cameron Beccario 创建并维护了该网站,作为一个开源项目,吸引了众多贡献者。
2025-03-29 00:00:00
1355
4
原创 082:mapboxGL 自带字体列表,自定义字体
在 Mapbox GL JS 中,默认支持的字体是由 Mapbox 提供的一组预定义字体。这些字体可以通过 `'text-font'` 属性直接使用,而无需额外上传或配置。
2025-03-28 07:30:00
574
26
原创 Cesium 入门系列教程(十):利用shader、后处理重构图形
CesiumJS 支持通过自定义着色器(Shaders)和后处理阶段(Post-Processing Stages)来增强可视化效果。这些功能允许你修改场景的渲染方式,添加特效,比如模糊、辉光等,或者对特定对象应用特殊的材质效果。
2025-03-28 00:00:00
931
12
原创 cesium小知识:viewer.trackedEntity详解,示例代码
时,Cesium 会自动调整相机的位置和方向,使其始终聚焦在该实体上。这在需要动态跟踪某个对象(如飞行器、车辆或人物模型)时非常有用。是 Cesium 中一个非常实用的功能,能够轻松实现对特定实体的自动跟踪。无论是静态实体还是动态实体,都可以通过设置。是 Cesium 中的一个属性,用于指定当前场景中被跟踪的实体(Entity)。如果实体的位置是动态变化的(例如模拟飞行器轨迹),可以通过更新实体的。来简化相机控制逻辑,提升开发效率。
2025-03-27 00:00:00
126
21
原创 中国气象数据
data.cma.cn 是中国气象数据网的官方网站,由中国气象局(China Meteorological Administration, CMA)运营。这个平台旨在提供全面的气象数据服务,支持科学研究、教育、公众和专业用户的需求。
2025-03-27 00:00:00
1107
原创 081:vue+mapbox 地图上使用多种不同的字体
本示例演示vue+mapbox 中 在地图上使用多种不同的字体。从上图可以看到Font A 和 Font B是两种不同的字体,一个是普通粗细,另一个是加粗的字体,具体的实现方式,请参考源代码。直接复制下面的 vue+mapbox源代码,操作2分钟即可运行实现效果。
2025-03-26 08:30:00
478
31
原创 Cesium 入门系列教程(九):通过鼠标绘制图形
曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。
2025-03-26 07:30:00
977
6
原创 118:vue+cesium 在地图上显示文字
本示例介绍如何在vue+cesium中显示文字。我们首先初始化了一个 Cesium viewer,并向其中添加了一个新的实体。这个实体包含了一个位置(通过经纬度指定)和一个标签。你可以根据需要调整 text, font, fillColor, outlineColor, outlineWidth, style, horizontalOrigin, verticalOrigin 和 pixelOffset 等属性来自定义标签的外观和位置。
2025-03-25 08:15:00
217
13
原创 Cesium 入门系列教程(八):加载3D瓦片及模型
Cesium 是一个用于创建3D地球和地图的JavaScript库,支持加载和展示多种类型的3D数据及模型。要在Cesium中加载3D数据或模型,你可以使用以下几种方式
2025-03-25 00:00:00
1065
6
原创 117:vue+cesium 自定义绘制多边形
本示例在 Vue + cesium 项目中自定义绘制多边形。这里利用鼠标绘制,左键点击,一个点时候绘制一个点,两个点时候绘制一条线,三个点及以上绘制面。右键点击,去掉多边形。
2025-03-24 08:00:00
396
41
原创 海洋气象网站(一):Windy.com
Windy.com 是一个广受欢迎的全球天气预报服务平台,以其强大的功能和直观的用户界面著称。提供超过40种不同的天气图层,包括风速、温度、湿度、云量、降水、雷达、卫星图像、海浪、潮汐、空气质量等。用户可以根据需要选择不同的图层,并调整透明度和颜色以获得最佳视觉效果。
2025-03-23 08:00:00
720
2
原创 美国国家数据浮标中心(NDBC)
美国国家数据浮标中心(National Data Buoy Center, NDBC)是美国国家海洋和大气管理局(NOAA)的一部分,主要负责部署和维护气象浮标、海岸站以及其他海洋观测设备,以收集并提供实时的海洋环境数据。
2025-03-23 00:00:00
1044
1
原创 卫星控制与应用开发【目录】
卫星控制及开发是一个涉及多个学科的复杂领域,包括航天工程、计算机科学、通信工程等。下面提供一个简化的教程框架,帮助您入门卫星控制及开发的基本概念和技能。
2025-03-22 08:00:00
54
3
原创 大屏技术汇集【目录】
Cesium 1.0 (2012年)初始版本发布,确立了Cesium作为WebGL驱动的3D地球浏览器的基础。提供了基本的地图渲染功能,包括全球地形、影像图层等。Cesium 1.9 (2014年)引入了对3D Tiles的支持,这是一个开放标准,用于流式传输和渲染大规模3D地理空间数据集。这一版本极大地增强了处理大型3D模型的能力,适用于建筑信息模型(BIM)、城市建模等领域。Cesium 1.15 (2016年)
2025-03-22 00:00:00
754
1
原创 Argo项目,优秀的海洋监测设备
Argo项目是一个国际性的合作计划,旨在通过在全球海洋中部署一系列的自动剖面浮标来收集海洋内部的温度、盐度以及流速等数据。这些数据对于理解全球气候变化、改善气候模型预测以及海洋学研究至关重要。Argo.ucsd.edu 是由加利福尼亚大学圣迭戈分校斯克里普斯海洋研究所(Scripps Institution of Oceanography, UC San Diego)维护的一个网站,专门用于展示和提供Argo项目的相关信息和服务。
2025-03-21 11:34:13
876
4
原创 116:vue+cesium 上升的垂直鱼尾线
本示例在 Vue + cesium 项目中创建一个“上升的垂直鱼尾线”效果。它通过生成多条从地面随机位置开始并向上延伸的线条,并应用自定义材质实现动态视觉效果。
2025-03-21 08:00:00
398
40
原创 Cesium 入门系列教程(六):不同的材质设置示例(10个示例)
在Cesium中,材质(Material)用于定义几何图形的外观属性,比如颜色、纹理等。材质可以应用于多种几何体和实体上,以改变它们的视觉效果。Cesium支持多种类型的材质,包括纯色、网格、图像、条纹、棋盘格等。
2025-03-21 00:00:00
1197
1
原创 115:vue+cesium 实现地图遮罩挖洞效果
本示例在 Vue + cesium 项目中实现地图遮罩挖洞效果。这里要定义好遮罩区域,外边界:使用 [45, 10, 45, 60, 145, 60, 145, 10] 定义一个覆盖大部分地球表面的大矩形作为遮罩区域。内孔洞:使用 coordinates.flat(2) 提取四川省的边界坐标,并将其作为遮罩区域的内孔洞。
2025-03-20 08:00:00
516
27
原创 Cesium 入门系列教程(五):利用Primitive生成图形(暂9个示例)
在Cesium中,`Primitive` 是一种高效渲染大量几何图形的方法。它们被设计用于处理大量的几何数据,并且可以在保持高性能的同时提供对这些数据的细粒度控制。使用 `Primitive` 可以直接操作底层图形API,因此对于性能要求较高的应用来说是非常理想的。
2025-03-20 00:00:00
1180
36
原创 114:vue+cesium 加载json数据,使用shader绘制省边界线
本示例在 Vue + cesium 项目中加载json数据,使用shader绘制省边界线。用于加载 JSON 数据并使用自定义 Shader 在 3D 地球上绘制四川省的边界线。
2025-03-19 08:15:00
543
28
原创 Cesium 入门系列教程(四):利用entity绘制显示图形(14种)
在Cesium中,`Entity` 是用于表示地理空间数据的对象,它可以包含各种类型的图形和数据。通过 `Entity`,你可以在场景中添加多种类型的几何图形和模型。
2025-03-19 00:00:00
1581
1
海洋上浮漂数据,20000+条
2025-04-01
免费MapboxGL学习思维导图
2025-03-13
vue-leaflet 开发环境配置包(下载-解压-安装-运行)
2024-12-21
vue-openlayers 开发环境配置包(下载-解压-安装-运行)
2024-09-11
vue-threeJS 开发环境配置包
2024-09-05
GIS气象用的风场演示数据(2)
2024-07-12
GIS气象用的风场演示数据(1)
2024-07-12
免费的ES6学习思维导图
2024-03-01
vite+vue2的项目基础包.zip
2024-01-24
js一维数组与三维数组互动,数据转换,类似购物车添加删除
2024-01-09
d3.js的模块的思维导图
2023-03-23
d3.js的API思维导图
2023-03-23
cesium的API思维导图
2023-03-22
gpx转为geojson格式文件的方法
2023-03-11
超小录屏软件,生成gif动画
2023-03-09
免费 leaflet学习思维导图
2023-03-08
免费openlayers学习思维导图
2023-03-08
leaflet加载天地图,3种地图切换【示例源代码】
2023-03-07
leaflet清除所有图层【示例源代码】
2023-03-07
leaflet加载高德地图示例源代码
2023-03-04
mapbox中queryRenderedFeatures 是怎么工作的?
2023-10-25
mapbox中怎么绘制可以倾斜角度的矩形
2023-10-24
mapbox 中的version为什么必须是8 ?
2023-10-16
mapbox画一个多边形,画完后怎么把长度和面积都标注在图形上?
2023-10-13
怎样理解git是版本控制系统?
2023-07-19
warning LF will be replaced by CRLF
2023-07-19
openlayers中icon使用svg,空心部分不算成图片的一部分吗?
2023-06-21
mapbox中怎么在多边形polygon样式上填充渐变色
2023-06-20
vue中$attrs这个属性怎么使用?
2023-06-19
vue中$listeners这个怎么来应用?
2023-06-19
vue中怎样来取消eslint语法限制?
2023-06-19
[ECharts] Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They sho
2023-06-17
Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure element '<URL>'.
2023-06-17
el-tree无数据时候怎么做国际化?
2023-06-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人