作者：
在Web浏览器中可视化地理空间数据的8种以上方法
通过使用Web可视化库创建Web地图或3D场景，您可以使用URL与任何人共享地理空间数据。以下是一些可用的工具和创建可视化的分步指南。在周三的网络研讨会上看到现场演示。
我们将要探索的数据可视化库有能力帮助您构建令人兴奋的东西。是否要共享数据存储库的交互式Web地图，建筑信息模型的三维场景，或者其他一些地理空间上令人敬畏的东西，力量就在这里。你只需要两件事：
- 要决定您要使用哪个库（我将概述优点和缺点）。
- 了解如何准备数据并利用图书馆的能力（这就是FME进来，下面是一个循序渐进的指南）。
很多行业已经使用这些方法来共享数据集，包括地方政府，航空航天，原子能委员会，房地产，公用事业，还有更多。只要看看铯的用户库并考虑将所有嵌入地图的网站作为其界面的一部分。
左：在OSM Web地图上查看的多边形。右：转换为三维和在铯中呈现.
选择Web可视化库
第一步。下面是几个问题：
- 您需要可视化哪种数据？例如：
- 在地图上显示二维/矢量数据。
- 让最终用户探索3D建筑，风景，或对象。
- 显示丰富，交互式图表和图形（本博客不包括，因为它不是地理空间，但如果这是你需要的，查看d3.js或plotly）。
- 您需要在空间参考背景图上查看数据吗？
- 您喜欢免费开源（FOSS）解决方案还是专有解决方案？
- 你愿意做多少编码工作？
你有目标吗？这里有一些选择。
为二维数据构建交互式Web地图
你有多边形，线，还有要点，在地理信息系统中说，你想在浏览器的地图上分享这些。以下技术让您在网页上嵌入地图具有不同级别的功能和工作。
2018年FME世界巡演城市宣传册网络图。
传单
强大和最轻（仅Kbs）传单是构建交互式网络地图和数据下载服务的直接FOSS选项。它很可能为最少的JavaScript编码做了您所需要的一切。另外，你可以选择你想要的地图——OpenStreetmap，Mapbox埃斯里，等。
- 示例：覆盖地理空间视频在传单的地图上。在FME中，您可以通过使用htmlreportgenerator转换器生成传单映射来跳过javascript编码。
开放层
这个FOSS图书馆经常被称赞为比传单更成熟、功能更丰富，所以如果你追求富有，可定制的，类似于地理信息系统的功能，尝试开放层.Openlayers支持很多数据格式，因此，在将数据流传输到Openlayers应用程序之前，您可能不需要转换数据。
- 辅导的：流式geojson在Openlayers的基础地图上。
MAPBOX GL
地图盒是广受欢迎的。这里的关键是使用WebGL渲染向量图块，使其非常强大（对于旧浏览器来说太强大，事实上）。注释MAPBOX GL与mapbox.js不同，一个内置在小册子上的插件，用于渲染光栅图。
- 步骤：将数据转换为地图框矢量图块（在FME中很快就会支持这种格式）并将其传递给API进行呈现。
谷歌在这里，冰，和其他映射提供程序
您可以使用谷歌地图API或您最喜欢的地图提供商提供的另一个工具，将您的数据放在一个基础地图上。如果您不需要对最终结果进行如此多的控制，那么这是一个简单的选择。您还可以访问这些提供商提供的任何内容，例如谷歌无与伦比的导航和交通/过境信息。但是你的地图上会有他们的公司标志和他们的服务条款（而不是FOSS选项）。
构建交互式三维可视化
你有一个建筑信息模型，景观，CAD模型或类似的，想让人们缩放，潘在网络浏览器中探索3D世界.这些技术背后的动机是，通过URL共享地理空间数据比向某人发送一个巨大的数据集或让一个非技术人员安装必要的软件更容易。
3d温哥华建筑3.js
铯
铯在力量和准确性方面都很出色。使用它可以在精确的3D环境中查看真实数据，像景观或地理参考建筑。这是坐标系统意识，附带用于背景地图的预制作球体，并支持瓷砖。另外，它是开源的，有一个非常活跃的社区。亚搏国际在线官网
使用铯，您可以将数据转换为Cesium 3D平铺格式，并使用CesiumJS库构建可视化，或将数据发送到铯离子平台，数据流和自动生成可视化。
- 例子：渲染三维建筑使用FME和CESIumJS。
I3s
索引三维场景层是ESRI开发的开放规范，已被OGC接受为社区标准。亚搏国际在线官网它可以渲染3D对象，网格，点，还有点云。使用i3s的好处在于，它是专门为地理信息系统数据设计的，并使其易于连接到ARCGIS的地理处理能力。这项技术相当新，所以我们还没有看到它的实际应用，让我们知道你在用它做什么！
- 提示：将您的数据转换为.slpk格式，并将其托管在云中供Arcgis使用。从FME 2018.1起，FME有一名I3S编剧。
三个JS
这个强大的，轻量图书馆的设计适用于从游戏到共享BIM数据的所有领域。JS没有地理空间参考，但如果您不关心数据的空间位置，例如，如果您只需要浏览建筑物或三维对象，则是一个很好的选择。它还支持WebVR，这意味着你可以建立虚拟现实场景。
- 示例：在移动设备上，去FY.LY/VRHOLD看一个3.js的虚拟现实场景。也，看看这个飞行模拟器演示。您可以使用FME的ThreeJSceneCreator自定义转换器自动执行数据转换和编码过程，它将输出HTML并将数据转换为一个文件夹，您可以将该文件夹托管在类似S3的地方。
巴比伦人
这是一个流行的3D渲染工具，如three.js，关键的区别在于，Babylonjs是专门为游戏引擎设计的。同时巴比伦人功能性低于3.js，它确实有一个更受控制的开发周期（由微软提供）。
优化的三维格式：GLTF
谷氨酸转铁蛋白，或GL传输格式，就像是3D数据的jpeg。这是一个非常好的开放规范，它代表了3D表面，并优化了资产的大小。它得到了3.js和Cesiumjs的支持，所以你可以用这种格式来代替铯3D瓷砖或JSON。
注意，gltf不支持属性，但您可以通过并行编写包含所有属性信息的JSON数组来解决这个问题。
入门指南：分步指南
无论你为你的网络地图或3D场景选择什么工具，过程大致相同。我们将在周三的网络研讨会.
- 准备好你的数据，使之符合图书馆的要求。此数据准备阶段是FME进来。您的FME工作区可能涉及混合数据源，将数据转换为可接受的格式，检查并修复错误，在某些情况下，简化数据，这样您就不会向Web发送不必要的复杂数据。
示例FME工作区转换铯离子数据。
- 将数据发布到Web。一些图书馆，像I3S一样，需要将数据存放在特定的位置。其他图书馆，像传单一样，只要数据是可访问的（例如你可以把它发送到你的亚马逊S3存储桶）。
- 使用库可生成引用此数据的网页。这可能涉及到对JavaScript和/或HTML进行编码，或者使用该技术的接口来构建页面（例如比如铯）。对于一些图书馆，就像《三枪拍案惊奇》和《传单》，FME可以为您生成这个代码。
在Cesium Web界面中使用JavaScript准备三维数据可视化。
有用的FME提示
FME可以写入上面的许多格式，并且有很多变形金刚来为您使用的任何库准备数据。开始键入关键字，就像“铯”，在FME工作台画布上，您将看到适合您任务的合适的作者/变形金刚。除此之外，以下是我能想到的让您运行Web可视化的所有方法。
- 数据简化：虽然有些格式（如gltf或cesium）会处理这一问题，你可能想自己做一些。有用的变压器包括网格简化器（减少三角形的数量）。溶解器（溶解边界）和tiler（将大数据分解成块）。
- 数据质量：这里是检查表和A辅导的使用FME进行数据验证。
- 打开数据门户：这里有一个文章关于构建Web门户的提示。
- 背景地图和纹理：对于需要图像文件夹的3.js和其他库，使用任何FME的光栅写入程序。
- 坐标系：使用再投射器变换器（或CSMAPrejector或其他*再投射器变换器）将数据输入正确的坐标系。如果你想使用一个不同的回注引擎）。
- 将几何图形转换为三维：有用的变换器包括3dforcer，挤出机，面部整形器，上诉律师，GeometryFilter发电机，表面模型，和三角测量仪。
上述库提供了在Web浏览器中共享地理空间数据的令人印象深刻且方便的方法。FME可以为您选择的库转换和准备数据，发布到网络上，并通过FME服务器自动化使您的可视化保持最新。
这不是一份详尽的清单，让我知道：我错过了什么工具？你打算用哪一个？为什么？请留言！
