木遥的专栏

近日，我们基于Mars3D平台做了一个Mars3D美丽乡村应用系统，于2023年3月7日正式发布上线！

widget并不是mars3d本身sdk中的内置模块，而是火星科技基于一个相似的标准，在原生js、vue3.0、react或者未来还有其他一些技术栈上的一个解决方案。widget主要就是为了快速实现gis项目中常见的一些工具面板。满足定制化开发的需求，这里我们就来了解一下 在react技术栈下的使用。最需要关注的是 widgets字段，这里存放的就是所有可用的widget。为了方便大家更好的学习，可以先去github上下载开源的react基础项目，这里主要先介绍使用，不过多设计widge资源的导入了。

如果使用marsgis+vue的相关产品，mars-ui的使用一定需要了解，mars-ui是火星科技针对gis应用场景定制的一套ui框架，其中基础组件是在antdv的基础之上做的二次封装。marsui的组件已经注册为全局组件，通过 mars-* 的方式直接在vue模板中使用，没有被mars-ui二次封装的antdv组件保持原有的使用方式，注册的组件列表可以参考 mars-ui/index.ts。为了防止与外部样式冲突，mars-ui的所有样式都需要在 .mars-main-view元素中才会生效。

widget的入口是一个vue单文件组件，在这个组件的模板中我们可以写任何的html或者没有html，在gis的场景中经常需要一些操作面板，这些就可以在组件的模板中来编写这些代码，这个时候又免不了需要去封装一些组件，幸运的是mars-ui恰好解决了这个问题。完成上述配置工作之后，就可以编写具体的widget代码了，widget本身其实就是一个vue组件，原则上只负责ui相关的展示和逻辑，地图相关的代码新建map.ts文件进行逻辑上的解耦，widget提供了api来完成组件和map的交互。

近日我们基于提供丰富及智能化功能，助力团队做出精美的交互场景的理念，研发了Mars3D Studio平台

​近日我们使用React技术栈研发了功能示例React版，于2022年5月20日正式发布上线！欢迎大家访问mars3d.cn 网站进行体验。​

智慧气象覆盖气象管理各领域，凭借先进的人机交互方式，实现气象日常监测、气象灾害监测、气象灾害事件复现等多种功能，可广泛应用于态势监测、应急指挥、分析研判、展示汇报等场景。气象数据的管理，集二三维展示与组网分析与一体，支持多数据源、多分辨率、多时相的气象遥感数据以及辅助数据进行层次化管理，具备高效的管理和检索能力。与其他领域之间具有低耦合度而更加通用，会带来更加直观的数据分析和展示，能给气象工作人员极大的帮助，也是一个向大众普及气象科学良好的平台。雷达拼图展示，计算并展示制定区域雷达拼图成

　三维可视化是数据可视化下的一个分支，与时间、空间和地理位置密切相关，也是可视化风格中发展最快的类型。该系统基于模型，将数据与场景相结合，以数化方法，以多维方式呈现数据。　　3D可视化与数字孪生概念密切相关，百度百科介绍了数字孪生技术：　　将多学科、多物理量、多尺度、多概率地集成到虚拟空间中，利用物理模型、传感器更新、运行历史等数据，实现相应物理设备生命周期的映射。数位孪生是一种超越现实的概念，可将其看作一个或多个重要且相互依赖的装置系统。　　数字双胞胎是一普遍适应的理论技术体系，可应.

前言接触 Mars3D 是由于公司项目需要，直接边学边开发，两三个月来都挺顺风顺水的。直到数据量越来越大，地图上的实体越来越多，首屏加载的时候经常会卡顿，客户那边的机器性能太差，有时候卡顿的同时还出现浏览器无响应问题。测试把这个问题归为BUG，要求必须解决，搞得我头大。加载成百上千实体时出现的问题让我们先来看下加载Label实体出现了什么问题？function addBillboardEntity(bsm, name, buildingType, position) { var g

​Mars3D 基础项目 是基于Mars3D 平台做的一个应用系统，提供的一个基础项目模版，包含常用基础地图功能，可在该基础项目上快速开发搭建新项目。方便快速搭建三维地图产品，敏捷开发，可复用，支持各种配置，适合各种场景使用。​

Mars3D基础项目 是基于Mars3D平台 做的一个应用系统，提供的一个基础项目模版，包含常用基础地图功能，可在该基础项目上快速开发搭建新项目。方便快速搭建三维地图产品，敏捷开发，可复用，支持各种配置，适合各种场景使用。

通过数据处理的流程我们大概了解了目前三维相关的影像、地形、模型都是瓦片形式的静态资源文件，如果我们需要发布为服务，只需要通过HTTP方式发布后，平台即可调用。

在拥有如shp格式的建筑物二维面边界坐标数据，和高度或楼层数属性信息，再通过工具转换为三维立体的白膜建筑物3DTiles模型。

数据来源于3dmax、Maya等建模软件建模，建好的三维模型导出为fbx或dae或obj数据后，再转换为3DTiles数据格式。

1. OSGB格式介绍Open Scene Gragh Binary是OSGB的全称，这里的Binary是二进制的意思。 目前市面上生产的倾斜模型，尤其ContextCapture Cente处理的倾斜摄影三维模型数据的组织方式一般是二进制存贮的、带有嵌入式链接纹理数据（.jpg）的OSGB格式。 我们可以通过一些工具，将osgb转3dtiles格式后在平台中使用。#2. 3D Tiles格式介绍3D Tiles用于大场景的三维模型。 3D Tiles是一个开放的规范，用于传输海量的异构三维地理

glTF是用于小场景的三维模型。 Cesium支持包含关键帧（key-frame）动画、骨骼（skinning）动画 的glTF格式的三维模型，并且支持模型节点（node）的拾取。 glTF是 Khronos Group 定义的一个基于web上的新兴三维模型格式行业标准。Khronos Group是WebGL和 COLLADA的背后财团。

三维实景建模作为“数字城市”地理空间框架建设工程的一个重要组成部分，直观且真实地还原城市风貌。无人机三维GIS作为一项新兴的测绘重要手段，具有续航时间长、成本低、机动灵活等优点，为城市的规划建设带来极大便利。三维实景模型与三维GIS三维是将采集以及经运算分析后对数据的表现、展示，为我们提供了认知所处环境的方式，同时为探索所处的地理空间提供了实践的方法和工具。三维GIS为空间信息的展示提供了更丰富、逼真的平台，使人们将抽象难懂的空间信息可视化和直观化，人们结合自己相关的经验就可以理解，从而做出准确

水利工程是对自然界的水资源进行合理调节和分配，以达到防洪防涝及满足居民用水所需的巨大工程。其建设过程涉及到修建坝、堤、溢洪道、水闸、进水口、渠道等不同建筑的施工技术，工程庞大，具有很强的系统性、综合性、经济性。对自然环境的巨大影响也使施工单位必须面对十分复杂的地质问题，地质真实情况的还原度成了规划建设中至关重要的内容。传统的二维、静态处理方式在复杂的水利工程地址中举步维艰。虚拟现实技术的快速发展，给传统水利工程建设带来福音。虚拟现实技术能根据现实地址形态，对实景进行最大程度的还原拟真，建

Shapefile文件是ESRI公司ArcGIS平台的常用格式文件，是工业标准的矢量数据文件。 Shapefile将空间特征表中的非拓扑几何对象和属性信息存储在数据集中，特征表中的几何对象存为以坐标点集表示的图形文件—SHP文件，Shapefile文件并不含拓扑（Topological）数据结构。

地形是三维场景中的重要三维效果，能看到山峰的高低起伏效果，是三维场景的"骨骼"， 如果想要看到真实感，地形数据（DEM）不可或缺。 Mars3D支持渐进流式加载和渲染全球高精度地形，并且包含海、湖、河等水面效果。相对2D地图，山峰、山谷等其他地形特征的更适宜在这种3D地球中展示。 目前一个三维场景只支持一个地形服务图层。 地形瓦片数据格式，是与瓦片底图类似的四叉树金字塔瓦片结构。

TIF文件为栅格图像文件，后缀为tif或tiff，是ogc规范的一种，全称GeoTiff。通常不能在资源管理器中查看tif栅格影像数据的坐标系信息，需要用GIS软件查看，因为它的坐标系信息写在数据文件内部。tif可以有8位，24位等深度，一般真彩色是24位，而地形数据只有一个高度值，采用8位。目前很多卫星影像数据、地形数据的存储格式都是tif。

目前平台将量算、日照、可视域等空间分析、模型相关分析、地形相关分析、相机的管理类 等所有功能都统一封装为thing对象。#1. thing的使用平台的所有管理及分析功能类都继承于BaseThing类，管理及分析功能类均在mars3d.thing.*命名空间下面。 下面我们演示创建一个thing对象 ，并调用map.addThing添加到地图上。var measure = new mars3d.thing.Measure({ label: { //可设置文本样式 color: .

平台支持一些场景特效，包括 雾天气,雨天气,雪天气, 泛光特效,亮度效果,夜视效果,黑白效果,马赛克效果,景深效果 等。

上一节我们介绍了glTF的主要数据结构以及Mars3D是如何对其进行加载的，这一节我们来介绍一下glTF的升级版3D Tiles ，也是目前 Mars3D 在加载海量三维模型数据方面必须采用的一种数据格式。#1. 3DTiles介绍2016年，Cesium 团队借鉴传统2DGIS的地图规范：WMTS，借鉴图形学中的层次细节模型，打造出大规模的三维数据标准：3d-Tiles，中文译名：三维瓦片。它在模型上利用了 gltf 渲染快的特点，对大规模的三维数据进行组织，包括层次细节模型、模型的属性数据、

glTF全称是 Graphics Language Transmission Format （图形语言传输格式），是一种针对GL(WebGL，OpenGL ES以及OpenGL)接口的运行时资产传递格式，由澳大利亚的 Khronons 集团进行维护，并于2017年6月5日在GitHub 上公布了glTF 2.0的规范，此文也是针对于2.0版本进行介绍的。glTF通过提供高效、可扩展、可互操作的格式来传输和加载三维内容，填补了3D建模工具与现代图形应用程序之间的空白，它已成为了 Web 上的3D 对象标准

在真实世界里，每个物体会对光产生不同的反应。钢看起来比陶瓷花瓶更闪闪发光，一个木头箱子不会像钢箱子一样对光产生很强的反射。每个物体对镜面高光也有不同的反应。有些物体不会散射(Scatter)很多光却会反射(Reflect)很多光，结果看起来就有一个较小的高光点(Highlight)，有些物体散射了很多，它们就会产生一个半径更大的高光。如果我们想要在Mars3D(即WebGL)中模拟多种类型的物体，我们必须为每个物体分别定义材质(Material)属性。

近日我们重构编写了基础项目（Vue版本），于今日正式发布上线！欢迎大家访问mars3d.cn网站进行体验。Mars3D基础项目，包含常用基础地图功能，可在该基础项目上快速开发搭建新项目。方便快速搭建三维地图产品，敏捷开发，可复用，支持各种配置，适合各种场景使用。一、体验功能可以在 mars3d官网 的项目菜单进入体验。二、开发教程及说明建议开发人员阅读教程，方便理解和学习。在官网的【开发教程】菜单下，阅读【项目模板-基础项目（VUE版）】章节。Vue 版的特...

平台是数据驱动和 time-dynamic visualization，这些可都是仰仗Property属性机制来实现的。Property最大的特点是和时间相互关联，在不同的时间可以动态地返回不同的属性值。而Entity则可以感知这些Property的变化，在不同的时间驱动物体进行动态展示。

矢量数据 是用经度、纬度、高度坐标来表示地图图形或地理实体位置的数据，一般是通过记录坐标的方式来尽可能将地理实体的空间位置表现的准确无误，常见的矢量数据有：点、线、面、体等格式。

三维场景中，地形和栅格来组成了三维的基础，但更多的业务还是需要 点线面等矢量数据来充实, 这就是我们的矢量数据图层。

无论是前端系统，还是二维/三维GIS应用系统，都离不开各种事件的应用，尤其是鼠标的单击、双击事件。 Mars3D 内所有类 均支持事件的绑定、解绑、触发等统一的事件机制,事件类型全部定义在mars3d.EventType 。

平台的强大之处也在于其可以将时间运用到三维地球上，平台不仅仅是3D的地理空间的展示，同时也具备“时间维度”的时序的相关控制，具备空间+时间的管理，可以根据“时间”进行动画、轨迹记录、地球的光照等等所有与时间相关的可视化效果。

Camera相机控制了三维场景的视图。有很多方法可以操作Camera，如旋转(rotate)、缩放(zoom)、平移(pan)和飞到目的地(flyTo)。同时也有鼠标和触摸事件用来处理与Camrea的交互，还有API来以编程方式操作摄像机。

只要涉及到地图开发，无论如何关于坐标系的概念是逃不掉的，谁让地球它是个球呢。

前面我们说到地形是三维场景的"骨骼"，栅格瓦片图层就是我们浏览三维能感知的"皮肤"了，通常我们叠加的是各种卫星影像或瓦片数据。

地形是三维场景中的重要三维效果，能看到山峰的高低起伏效果，是三维场景的"骨骼"， 如果想要看到真实感，地形数据（DEM）不可或缺。 Mars3D支持渐进流式加载和渲染全球高精度地形，并且包含海、湖、河等水面效果。相对2D地图，山峰、山谷等其他地形特征的更适宜在这种3D地球中展示。 目前一个三维场景只支持一个地形服务图层。

地图内是由各种不同的图层来叠加显示，形成整个三维地图场景的。 图层是地图中很重要的概念，也是平台内很重要的组成部分。

地图控件是指一些DOM面板或按钮，并与地图有所交互的对象，目前包含2大类，第一种是Cesium原生具备的控件，第2类是Mars3D编写的控件。

我们使用DIV渲染后看到的三维地球对象，我们统称为三维场景，在Mars3D中对应是mars3d.Map类 ，这是一切的开始，所有相关控制的起点。掌握学习好了mars3d.Map类 基本也就掌握好了Mars3D。

Mars3D三维可视化平台,是火星科技研发的一款基于 WebGL 技术实现的三维客户端开发平台，基于Cesium优化提升与B/S架构设计，支持多行业扩展的轻量级高效能GIS开发平台，能够免安装、无插件地在浏览器中高效运行，并可快速接入与使用多种GIS数据和三维模型，呈现三维空间的可视化，完成平台在不同行业的灵活应用。