通过创建一个web地图或使用web 3 d场景可视化图书馆,你可以与任何人分享你的地理空间数据使用一个URL。这里有一些可用的工具和一个循序渐进的向导创建一个可视化。在我们看到现场演示按需网络研讨会。
我们将要探索的数据可视化库有能力帮助您构建令人兴奋的东西。你是否想要分享一个交互式网络地图数据存储库,一个3 d场景的建筑信息模型,或者别的什么地理空间很棒,这里所有的权力。你只需要两件事:
- 决定图书馆你想用(我将大纲的优点和缺点)。
- 了解如何准备你的数据和利用图书馆的能力(这就是FME进来,下面你会发现一个循序渐进的指南)。
很多行业已经使用这些方法来共享数据集,包括地方政府、航空航天、原子能委员会、房地产、公用事业、和更多。看看铯的用户画廊并考虑所有的网站,有一个嵌入的地图作为接口的一部分。
左:多边形OSM web地图上。右:转化为3 d和呈现在铯。
选择一个网络可视化图书馆
第一步。这里有一些问题要问自己:
- 你需要什么类型的数据可视化?例如:
- 2 d /矢量数据在地图上显示。
- 让终端用户探索3 d建筑、景观或物体。
- 显示丰富、交互式图表和图形(不包括在本博客,因为它不是地理空间,但如果这是你需要的内容,查看D3。js或情节)。
- 你需要看数据空间引用背景地图吗?
- 你更喜欢一个自由和开放源码(FOSS)解决方案或一个专有的吗?
- 你愿意做编码多少?
有你的目标吗?这里有一些选项。
为2 d数据构建交互式web地图
你有多边形,线,点,在GIS说,你想在浏览器中分享这些地图上。让你下面的技术地图嵌入在web页面与不同层次的功能和工作。
传单web FME 2018年世界旅游城市的地图。
传单
强大的和最轻量级仅仅(KBs),传单是一个简单的自由/开源软件的选择构建交互式web地图和数据下载服务。它是可能需要最少的JavaScript代码。加上你得到一个你想要选择哪一种技术——OpenStreetMap Mapbox, Esri等等。
- 例如:覆盖地理空间的视频传单基础图。FME基金,你可以跳过的JavaScript代码通过使用HTMLReportGenerator变压器来生成一个传单地图。
OpenLayers
这种自由/开源软件图书馆经常赞扬更成熟和拥有更多的功能比Leaflet-so后如果你有钱了,可定制,GIS-like功能,试一试OpenLayers。OpenLayers支持大量的数据格式,所以您可能不需要将数据流到OpenLayers应用程序之前。
- 教程:流GeoJSONOpenLayers基础图。
Mapbox GL
Mapbox是一种广泛采用的最爱。这里的关键是使用WebGL呈现向量瓷砖,使它非常强大的(实际上对老版本浏览器的过于强大)。请注意Mapbox GL比Mapbox不同。js插件之上,使光栅瓷砖的传单。
- 步骤:将数据转换成Mapbox向量瓷砖(支持这种格式是即将在FME)并将其传递给API用于呈现。
Google, Bing和其他映射提供者
你可以使用谷歌地图API或者从你最喜欢的另一个工具提供者将数据映射技术。这是一个简单的选择如果你不需要尽可能多的控制结果。你也获得无论这些供应商提供,如谷歌无与伦比的导航和交通/运输信息。但是你会在地图上有他们公司的标志和他们的服务条款的遵守(而不是一个自由/开源软件选项)。
构建交互式3 d可视化
你有一个建筑信息模型、景观、CAD模型,或类似的,想让人缩放,平移,探索在web浏览器中,3 d世界。这些技术背后的动机是,分享你的地理空间数据通过URL比派人巨大的数据集或容易使非技术人员安装必要的软件。
3 d three.js温哥华建筑
铯
铯擅长的力量和准确性。用它来看到现实世界的数据在一个精确的3 d环境中,如景观或地标建筑。坐标系统了解,带有预制地球仪的背景地图,并支持瓷砖。再说,它是开放源代码的,有一个非常活跃的社区。亚搏国际在线官网
要使用铯,您可以将您的数据转换成3 d铯瓷砖格式和使用CesiumJS库构建可视化,或将您的数据发送到铯离子平台流数据,自动生成可视化。
- 例子:渲染3 d建筑物FME和CesiumJS。
i3
索引3 d场景层是一个开放的规范由Esri已经接受[作为一个社区标准。亚搏国际在线官网它能渲染3 d对象,网格,点,点云。使用i3的好处是,它是专门为GIS数据,便于连接ArcGIS的地理处理能力。这个技术是相当新的,所以我们还没有看到太多的行动让我们知道你使用它!
- 小贴士:将数据转换为.slpk格式和主机在云供ArcGIS使用。FME的i3作家FME 2018.1。
three.js
这种强大的、轻量级的图书馆是专为从游戏到BIM数据共享。Three.js没有地理空间参考但是是一个很好的选择,如果你不关心数据的空间位置如果你只是需要探索一个建筑或3 d对象。它也有WebVR支持,这意味着您可以构建虚拟现实场景。
- 例子:在你的移动设备,去fme.ly / vrhome看到三人。js虚拟现实场景。另外,看看这个飞行模拟器演示。你可以自动化数据转换和编码过程利用FME ThreejsSceneCreator定制变压器,输出HTML和转换数据到一个文件夹,您可以主机的某个地方像S3。
BabylonJS
这是一个受欢迎的3 d渲染工具等三人。js,关键的区别是,BabylonJS被专门设计一个游戏引擎。而BabylonJS不如三个功能。js,它确实有更多的控制开发周期(微软)。
- 小贴士:巴比伦文件只是JSON。我们还没有尝试转换与FME巴比伦,但如果你试试这个和/或如果你想看到一个本地FME巴比伦的作家,请让我们知道FME知识中心!
优化3 d格式:glTF
glTFGL传输格式,就像3 d数据的JPEG。这是一个奇妙的开放的规范,代表3 d表面和优化资产的规模。它是由三个。js和CesiumJS,所以你可以写成这种格式而不是铯3 d瓷砖或JSON。
注意glTF不支持属性,但是你可以解决此并行通过编写一个JSON数组,其中包含所有的属性信息。
开始:循序渐进的指导
无论你选择何种工具为您的web地图或3 d场景,这个过程是大致相同的。我们将在演示这些步骤周三的会议。
- 准备你的数据满足图书馆的要求。这就是数据准备阶段FME出现的原因。FME工作区可能会涉及混合数据源,将数据转换为可接受的格式,检查错误和修复他们,和在某些情况下,简化数据所以你不发送不必要的复杂的数据网络。
FME工作区示例:转换数据铯离子。
- 发布到web的数据。一些图书馆和i3一样,需要你主机的数据在一个特定的地方。其他库,如传单,不关心数据在哪里只要访问(例如,你可以将它发送到你的亚马逊S3 bucket)。
- 使用库来构建一个web页面引用这些数据。这可能会涉及编写JavaScript和HTML,或使用技术的接口构建页面(如与铯)。一些图书馆,像三个。js和传单,FME基金可以为您生成此代码。
准备一个3 d数据可视化中使用JavaScript铯web界面。
FME技巧帮助:
FME写入许多上述格式和有很多变形金刚准备您使用哪个库的数据。开始键入一个关键字,比如铯,FME工作台画布上,你会看到正确的作家/变形金刚的任务。除此之外,这是所有我能想到的让你与你的网络可视化运行。
- 数据简化:虽然一些格式像glTF或铯照顾这个,你可能会想要执行一些它自己。有用的变压器包括MeshSimplifier(减少三角形的数量),溶解器(解散边界),和镶面(大数据分解成块)。
- 数据质量:这里有一个检查表和一个教程利用FME数据验证。
- 开放数据门户:这里有一个文章建议建立一个门户网站。
- 背景地图和材质:三。js和其他库需要文件夹的图像,使用任何FME光栅的作家。
- 坐标系统:获取数据到正确的坐标系使用Reprojector变压器(或CsmapReprojector * Reprojector变压器,如果你想使用一个不同的reprojection引擎)。
- 将几何图形转换成3 d:有用的变压器包括3 dforcer、挤出机、FaceReplacer, AppearanceSetter, GeometryFilter, TINGenerator SurfaceModeller, Triangulator。
上面的图书馆提供令人印象深刻的和方便的方式来分享你的地理空间数据在web浏览器中。FME可以转换和准备你的数据选择,图书馆发布到web,保持你的可视化FME服务器通过自动化。
看我们的按需网络研讨会看到这些工具的现场演示
这不是一个详尽的清单,让我知道:我错过了什么工具?(年代)你打算使用哪一个,为什么?留下你的评论!
蒂安娜华纳
蒂安娜是资深营销专家安全软件。亚搏在线她的背景在计算机编程和创造性的爱好,使她成为一个创造性的内容安全软件的主要生产商。亚搏在线蒂安娜她空闲时间写幻想小说,骑着马,和探索自然和她营救小狗,乔伊。
谢谢蒂安娜。这是一个内容丰富的文章。我有一个问题。你如何比较铯和巴比伦,当谈到呈现地理空间数据和3 d建筑数据。我们试图模型5 g通信系统,我们正在寻找选项geoaware射频射线追踪和物理意识到平台。
提前谢谢。
你好,查希尔。这听起来像铯将为你的用例是一个很好的选择。谢谢你的评论!
你好,
我是房地产投资者和我有数据,目前在英国邮政编码的形式一个excel电子表格。我想想象这些数据形成一个非常基本的热图,为了观察浓度的特定类型的财产在一个给定的城市。我对编程一无所知。你有什么建议?
感谢你的时间
马太福音
你好马修!没有代码选项,尝试看Google Data Studio。你应该能够建立在他们的模板和连接到Excel数据。你也可以尝试商业智能软件如Qlik或画面。如果你需要预处理数据加载到这些工具/软件之前,我们联系FME试验,我们可以免费帮助你开始。谢谢!
你好,
我是一名景观设计师,我想制定很多(假设一千)街道树在我的领域,做一个简单的网站使用二维码标签的树,然后二维码将直接用户地图表示树的精确坐标(s)的位置。我已经有详细数据在excel中包括他们的树干直径等。已经使用谷歌的坐标点。下一步我目前是依照地图/网站。假设点绿色,或添加一个简单的悬浮特性之类的。我有0零知识编码。你认为什么是可视化的省事吗?任何建议的网站吗?
谢谢你这么多!
嘿,
我在ISRO实习(印度空间研究组织)囊(空间应用中心)和我的项目与三维可视化Web GIS应用程序。我将提供ISRO的数据服务器,我必须做一个网站类似于海洋的眼睛:https://www.mosdac.gov.in/sci/所以我有点困惑于什么工具或图书馆使用三维可视化的矢量和栅格DEM GeoServer和QGIS层以及技术。
提前谢谢你!
嗨Shivani,
听起来像一个有趣的项目!FME集成向量,可以使用:光栅,和民主党的层,然后发送它为可视化铯。铯是一个很好的选择,因为它的地理空间数据。我们有更多的信息关于如何做,在这篇博客:https://www.亚搏在线safe.com/blog/2018/08/bring-2d-data-cesiumjs/
蒂安娜
你好,蒂安娜,
我想创建一个3 d世界,可以探索通过点击和拖动地球转。我想创建一个门户网页但我没有任何编程经验。我想让web页面有一个社交网络网站点,可以点击到找到团队的机票。你有什么建议?你会建议我如何开始?有什么我可以阅读帮助我找到的步骤呢?
嗨Jassett,
您可以创建交互式全球使用铯和利用FME处理数据。FME云也可以用来举办一个IT门户你描述的。铯帮助您入门的教程:https://cesium.com/docs/tutorials/integrating-with-fme/
如果你需要帮助建立解决方案,我们有一个大的网络合作伙伴可以帮助:https://www.亚搏在线safe.com/partners/partner-locator/
谢谢你的评论!
蒂安娜
工作时在西方我落后i3的门隧道项目
利用FME和ArcGIS Pro和企业ArcGIS门户将CAD模型转换成i3。可以使用门户查看现场观众。我还建立了一个自定义查看器使用ArcGIS的JavaScript API。我印象深刻的结果。FME # ESRI # #: i3。这篇文章应该挑出ESRI提供,因为它是我用过的最好的之一,每个版本都会大大提高。
嗨,蒂娜,
我赞美你在做有趣的工作。
我目前工作在一个项目中我们试图创建一个web平台,提供各种商品的买家和卖家的地理空间映射(金属)和一个接口,为客户提供放大特定的位置并单击一个特定的数据点,来获取更多的信息,或土地在一个单独的页面,使他在与买家/卖家沟通。这地图上的数据点(最有可能的地球仪)将闪烁/颜色编码根据他们亲近匹配用户的要求标准。
你推荐什么?最好的方法来处理这个问题是什么?
提前谢谢。
谢谢你的评论。许多web映射库会适合这个场景。我们有一些演示和教程后声音类似于你(交互式地图上的点):
https://www.亚搏在线safe.com/demos/location-tracker/
https://www.亚搏在线safe.com/demos/real-time-situational-awareness-flood-monitoring/
看一看的教程一步一步指南。FME服务器应用程序可以使用交互式地图创建一个接口,允许人们选择一个兴趣点。