2301_78220461的博客

GIS底层开发分别是硬件资源管理和容器开发，如果是应用层开发往往是实现业务逻辑，而前后端开发往往是完成内容的呈现和响应用户的输入，后端则将用户的数据存储起来，在用户查询的时候再从后端的数据库中调取并呈现到前端。说白了就是做软件，国内外有各种GIS软件公司，例如美国的ESRI公司的arcgis，国产的超图的supermap和中地数码的mapgis等，都属于gis软件。计算机毕业的学生通常不会去做webgis，因为他们往往会去互联网公司工作，部分人员也会进入GIS行业，但通常是做底层业务开发以及后端。

Cesium JS和Mapbox GL JS是目前最流行的支持3D地形图的WebGIS框架，大部分企业招聘三维GIS开发工程师，都要求会这两个框架。从用人单位的角度看，这两个框架是最受欢迎、使用最广泛、可视化效果也是最好的。因此，学会使用这两个JS框架，对找工作非常有帮助。这里重点解释一下为什么企业招聘的时候会要求掌握Mapbox以及Cesium等三维地图框架。以及这两个框架具体有哪些差异和相同点。

或者直接学目前大热的AIGC，这几年学习资源也越来越多，不说学成什么高手大神，毕竟AI最牛的技术不在国内，但是以你的学历背景，糊口还是比较容易的。原因很简单，GIS行业往窄了说其实是很小的，也就地图数据采集公司、GIS软件公司以及一些地图应用公司，才能算GIS行业。这种一般是用人单位比较能接受的类型，有较强的开发能力，虽然不懂GIS但可以短期内学会，工作上不会出大问题。另外就是多接触项目，找工作的时候，你具体学成啥样其实没那么重要，重要的是你参与或做成了什么项目，招人的核心诉求其实是做项目。

gITF通过提供高效、可扩展、可互操作的格式来传输和加载三维内容，填补了3D建模工具与现代图形应用程序之间的空白，它已成为了 Web 上的3D 对象标准(Web导出的通用标准)，可以说gITF是3D 模型的JPEG格式，几乎每个3D Web框架都支持gITF。粒子系统在电影和电子游戏中常见，例如为了表示飞机的损坏，可以使用粒子系统来表示飞机引擎上的爆炸，然后渲染不同的例子系统，表示飞机坠毁时的烟雾轨迹。随着gITF的不断发展，gITF形成了自己庞大的生态系统，同时受到了各行业的大力支持。

Cesium丰富的空间数据可视化API分为两部分：primitive API面向三维图形开发者，更底层一些；Entity API是数据驱动更高级一些。

根据KML语言编写的文件则为KML文件，格式同样采用的XML文件格式，应用于Google地球相关软件中(Google Earth，Google Map, Google Maps for mobile..)，用于显示地理数据(包括点、线、面、多边形，多面体以及模型..)。KML全称:Keyhole Markup Language，是基于XML(eXtensible Markup Language,可扩展标记语言)语法标准的一种标记语言(markuplanguage)，采用标记结构，含有嵌套的元素和属性。

用call back property 生成动态实体。

效果如下图：代码效果如下：代码：效果如下：代码示例：效果如下图：代码：效果如下图代码示例：

setView通过定义相机飞行目的点的三维坐标和视角，没有飞行过程，直接定位到设定的视域范围，用于快速切换视角。lookAt将视角固定在所设置的目的点上，可以任意旋转视角，但是不会改变位置。Fly to是快速切换视角，带有飞行动画，可以设置飞线时长；

Cesium中的地理坐标单位默认是弧度制，用Cartographic变量表示，通过。构造Cartographic对象。

Cesium是使用JavaScript开发的基于WebGL的，实现三维地球和地图可视化的JS库Cesium支持海量的三维模型数据，影像数据，地形高程数据，矢量数据等丰富的地理数据的加载。在交通，规划，城市管理，地形仿真等领域有非常广泛的应用。Cesium为三维的GIS提供了一个高效的数据可视化平台。

基于 Vue 、Datav、Echart 的大屏展示项目。支持数据动态刷新渲染、屏幕适应、内部图表自由替换、Mixins注入等功能。

是将空间位置信息点与地图关联，通过图标、窗口等形式把相关的信息展现到地图上。地图标注也是WebGIS中比较重要的功能之一，在大众应用中较为常见。地图标注的获取标注点的空间位置(X、Y逻辑坐标)，在该位置上叠加显示图标(或包含信息的小图片)，必要时以窗口的形式显示详细信息。其中，在获取标注点X，Y的逻辑坐标时要注意，通过鼠标在地图上单击可以得到窗口坐标，一般需要转换为逻辑坐标。

本项目是我的本科毕业设计，基于webGIS的大气监测系统，主要是基于Arcgis Api for js构建了一个大气监测系统，并且通过Deeplearning4j深度学习库构建lstm模型进行空气质量指数预测。主要实现污染物可视化，模型训练，AQI指数预测等。项目地址：https://gitee.com/nimi317该项目是一个基于WebGIS的大气监测系统实现空气质量可视化，包括数据采集、数据存储、数据展示、污染浓度预测等功能。

本项目介绍的水利信息在线分析服务系统，采用广西壮族自治区的水利信息相关数据，结合GIS的使用，通过地图标注、图表与动态推演等方式，直观模拟展现广西壮族自治区当前的水情雨情状况，以及台风情况。jQuery就是一个由JavaScript编写的轻量库，简单的说就是封装了一些JavaScript的操作，所以使用jQuery比使用原生的JavaScript可以达到用更少的代码做更多的事的效果。例如：$("#div01") 就是 document.getElementById("div01");

★Map(ol.Map)：地图容器，核心部分，可加载各类地图与功能控件，用于渲染、表现动态地图★WebGLMap(ol.WebGLMap)：使用WebGL渲染的地图容器，使用WebGL渲染地图图层，但是该容器对矢量数据的支持有限，目前不支持矢量瓦片数据。★View(ol.View)：地图视图，控制地图缩放等的基本交互，以及地图投影坐标系、地图中心点、分辨率、旋转角度等。★Layers(ol.Layer.Base)：图层，包含多个调用数据的子类，由子类的实例加载地图数据，必须结合图层数据源匹配使用★。

Openlayers项目，广西水利信息在线分析服务系统。模拟广西壮族自治区的水利信息相关数据，结合GIS应用，通过地图标注、 图表与动态推演等方式，直观模拟展现广西壮族自治区当前的水情、雨情状况，以及台风情况。本仓库代码为后端代码，所用数据都是模拟的。

在Cesium中，要实现点击某实体后显示⾃定义弹框，可以通过以下步骤实现：// 在这⾥实现点击实体后的操作2. 在点击事件中，可以根据点击的实体的属性信息，创建⼀个⾃定义的HTML弹框，可以使用Cesium 的Infobox对象来实现：// 获取实体的属性信息// 创建⾃定义的HTML弹框p>';// 设置弹框的位置和偏移量// 显示弹框。

文档链接：https://gitee.com/xhlfly/cesium-demo作者：小龙。

场景是 Three.js 中包含所有三维对象的容器 相机定义了观察场景的视点和投影方式， 渲染器将场景和相机的内容绘制到画布上，以呈现最终的图像。材质定义了物体的外观和如何反射光线， 几何体定义了物体的形状和结构。1. 创建几何体：你需要创建用于检测碰撞的几何体。这可以是简单的形状，如立方体(BoxGeometry)或球体(SphereGeometry)，或者是自定义的几何体。2. 创建物体：将几何体包装在物体(Mesh)中，同时为物体创建一个材质，以便渲染或进行其他操作。

本系列内容主要介绍webgis开发过程中可能会遇到的常见面试题和答案，从前端到二维到三维，干货满满。记得关注我不走丢！需要更多面试题、视频讲解、webgis教程的宝子戳↓↓↓。

本系列内容主要介绍webgis开发过程中可能会遇到的常见面试题和答案，从前端到二维到三维，干货满满。记得关注我不走丢！需要更多面试题、视频讲解、webgis教程的宝子戳↓↓↓。

包含地理信息的json数据，格式是以key:value的形式存在的。后缀以 geojson结尾。

倾斜摄影技术是通过在飞行平台上搭载多台传感器，同时从一个垂直、四个侧视等不同角度采集影像。我们可以将它理解为一项进化了的摄影测量技术，它比传统的摄影测量多了四个倾斜拍摄角度，从而能够获取到更加丰富的侧面纹理等信息。

通俗讲：在GIS中，动态投影(Dynamic Projection)，是实时的可视化的展示地理空间数据的技术。它可以将地理空间数据映射到屏幕空间中，并以动态的方式展示数据在不同时间点上的变化趋势通过动态投影，用户可以更好地理解地理空间数据的演化和趋势，从而更好的进行地理空间分析和决策。动态投影在GIS中通常被用于可视化时间序列的地理空间数据，如。

1、Vue2的路由挂载到组件实例上，而Vue3的路由,不管跳转还是接收参数都需要按需导⼊2、路由创建⽅式不⼀样：Vue2中，通过 new VueRouter 来创建路由实例Vue3中，可以直接使用 createRouter() 函数来创建⼀个路由实例Vue3中可以通过监听数组的方式来检测数组的变化，它提供了两种方式来实现这一功能:使用watch或使用computed。

1-1 同步代码，⼀行⼀行放在call stack执行1-2 遇到异步，会先"记录"下，等待时机(定时,网络请求)1-3 时机到了，就移动到Callback Queue1-4 Call Stack为空(即同步代码执行完)Event--Loop开发工作。1-5 轮询查找Callback Queue，如有则移动到Call Stack执行。1-6 继续轮询查询(永动机⼀样)

本系列内容主要介绍webgis开发过程中可能会遇到的常见面试题和答案，从前端到二维到三维，干货满满。记得关注我不走丢！需要更多面试题、视频讲解、webgis教程的宝子戳↓↓↓。

本系列内容主要介绍webgis开发过程中可能会遇到的常见面试题和答案，从前端到二维到三维，干货满满。记得关注我不走丢！需要更多面试题、视频讲解、webgis教程的宝子戳↓↓↓。

⾸先定义路径的属性，之后给marker的移动事件赋予回调函数，也就是给折线定义具体的路径。之前在规划路径是，路其实是由很多的散点顺序连接组成的，这个 lineArr就是存储这些散点，而这些散点都是在result中存储的。先调整地图的显示范围，然后规定在车移动时，每个0.5s就⼀定⼀次，且开启自动旋转。也就是说生成路径后，result结果就会返回当前轨迹对象，其中包含了导航信息。这个小车规定了可以自动旋转，起始位置，并显示在地图上。之后，就创建⼀个折线对象，用来显示车行驶需要走的路。

之后，开始使用search方法，并代⼊起点和终点，这时候就能生成驾车路径了。注意，这⾥还多谢了个 驾车搜索的回调函数，这个函数目前是空的。⾸先，实现了对按钮单击的回调，先创建⼀个驾驶对象，这个对象规定了显示在地图上，同时采取最短时间的驾车策略。添加途经点后，搜索路径就会考虑每⼀个点，当然，这⾥的点是有顺序的，必须⼀个⼀个的来，而 不是看谁和谁近。这里可以设置⼀个可选项，这就是search函数的第三个参数，我们上面省略了的。随后，定义两个对象，这两个对象赋予经纬度，作为起点和终点。这样就实现了图中的效果。

注意：如果调试时，需要先把已有的geojson存储删除，因为这⾥已经改变了geojson的结构，已有的数 据是没有这些属性的。书接上回，我们⽤geojson实现了标记点的保存，那么怎么来实现打卡功能呢，这就需要监听标记点的点 击事件了。这样就实现了打卡功能，但是，打卡次数现在是在控制台输出的，如何让用户看见呢，这样就需要 使用信息框了。这就是这⼀课的成品，实现了打卡功能，能在标记点显示打卡次数。但是，对于已有的marker就没办法监听了，这时候，还要对已有的marker绑定。当然，新旧标记都要来实现⼀遍。

数据持久化，我们之前做的都是临时数据，为了很好的存储地理数据，我们使⽤GeoJSON格式。

这⾥还是采用赋值来创建线，由于后续要根据点的位置动态调整线，所以这里先不给定具体坐标，只是 对样式进行规定。这⾥需要注意的是，在compute函数里，先是计算了m1和m2两点的距离，然后⼜计算了线段和文本的位置。这个应用很有实战意义，比如特斯拉的地图APP，连个简单的测距报警都没有，这⼀直是我想要的功能。就是用来显示距离的。写为函数的好处是，不仅封装了计算过程，还可以结合前面线和文本来具体制定他们的位置。之后，给两个点的拖动事件绑定函数，这样每次拖动之后，线段和文本就是实现了动态更新。

通过构建经纬度点数组，添加图层来绘制折线：代码如下：这里需要考虑的是，如何动态的⽣成折线数组，能否实现点击⼀下就添加⼀段？

如何通过点击事件来获取当前位置的经纬度？可以通过事件来实现。先上代码：这⾥有坑。通过绑定click事件实现监听函数，这⾥注意：在控制台打印时候，字符串居然⽤的是·符号，就是1左边 那个按键。否则是不对的。看⼀下效果：这就实现了在控制台输出经纬度的操作。

他和我们现在的WebGIS⼯程最⼤的不同就是上⾯有很多控件，⽤户可以操作的。⽐如右下⻆有加号和减 号按钮，这叫做控件。如何在我们的⼯程中引⼊这些呢，下⾯来看。这是我们上⼀课看到的界⾯，这时候他下⾯有加号和减号按钮了。注意，鹰眼控件把⼯具条给挡住了，实际貌似⼯具条在右上显示，这⾥后期可以修改完善⼀下。这个听起来⾼⼤上，实际就是缩略图。⼀般在右下⻆显示地图的全景。这是切换为卫星图，并添加了路⽹和交通信息的地图。接下来可以加⼀个切换地图图层的控件。左下⻆就出现⽐例尺了。

如果不想看实时路况，想移除怎么办呢，按F12进⾏开发环境，选择console控制台，如图，输⼊。那么，这个功能怎么让⽤户能使⽤呢，可以做⼀个按钮来触发事件来实 现。⾸先，指定是否⾃动刷新，其次，指定刷新间隔为180s。其实如果加个判断，做成⼀个按钮也可以的。地图是⼀层⼀层的，叠合在⼀起，组成完成的地图。这⾥做了两个按钮，⼀个添加，⼀个隐藏。将交通图层添加到map上，即可。现在来试试实时路况的实现。路况信息就被移除了。

通过指定中心点经纬度来调节地图的位置，中国的维度通常在20到45之间，经度在84到118之间，北京 是116,40，武汉是114,30，可以测试⼀下。

本篇主要介绍测试高德API的一些地图容器和显示的基本操作，下一篇继续介绍测试⾼德API地图参数。