如何创建一个ArcGIS在线地图360°图像

5950
17
03-31-2022 01:38 PM
的合金
通过 亚博搜索yabovip28点com
亚博搜索yabovip28点com
4 17 5950年

360°图像基本上是照片球体-你站在中间。为了捕捉这些图像,通常你会使用360°相机(比如我的Insta360 One X2)或者你也可以使用免费的智能手机应用(比如谷歌街景)。虽然这款智能手机应用是免费的,但要想让最终的照片球在正确渲染时看起来正常一些,还需要仔细操作和一些练习。

为了跟上这篇文章,你需要:

  • 一个ArcGIS在线出版商帐户
  • 免费街景应用程序,适用于iOS或Android(免费)
  • 安装了街景功能的智能手机
  • 一个Momento360帐户(免费)。其他选择:Kuula。Co或开源的three.js

为了查看360°图像,必须首先在web浏览器中加载服务或特殊脚本,然后正确地加载特殊的360°图像。虽然360°图像可以是常规的JPEG文件-当你在没有特殊软件的情况下预览图片时,它可能是这样的:

未知- 1. - jpeg

为什么是360°图像?

特别是对于学校在大学里,360°的图像捕捉是一个很好的补充现场数据收集.它允许摄影师捕捉一切,而不仅仅是一个35mm框窗(例如)。这对于研究大型模式很有用——比如云类型、植被在田野中生长(或不生长)、风的破坏或捕捉整个地方——也许有助于虚拟实地考察。

工作流程:

  1. 使用街景(手机应用)拍摄360°图像
  2. 保存到手机的图像库
  3. 上传到一个独立的托管服务,Momento360
  4. 创建一个小表格,链接Momento360网址和位置标题
  5. 使用经验生成器创建一个应用程序,将图像链接到特定的地图标记

我们在ArcGIS在线地图中渲染我们的360°图像,因为我们不希望广告和其他人的地图贡献出现在我们的(学生获取的)图像地图上。对于许多学校和大学来说,这是一个严重的问题隐私担忧。

在这篇文章中,我将构建一个示例地图应用程序,即Tom的堪萨斯城动物园之旅。下面是最终作品的预览,可以点击。

屏幕截图2012-03-31凌晨3点53分。png[Experience Builder地图及图片]

下面将深入研究上面的工作流程。跳过你熟悉的部分。

1。。使用谷歌街景(手机应用)拍摄360张图片。

Unknown.png

下载免费应用程序(可能需要登录)。进入应用程序的设置,并确保保存了处理后图像的本地副本。见截图。

。2。保存到手机的图像库

去你的数据收集地点——或者至少是一个可以拍摄多个照片球体而没有太多重叠的地方。如果你关心隐私,你根本不需要把照片发布到谷歌上。但是,您应该在相机的相册中找到图像的副本。

。3。上传到一个独立的托管服务,Momento360

在撰写本文时,Momento360有一个有用的免费层。对于我们正在进行的项目来说,这当然是足够的。如果你还没有,创建一个免费的Momento360账户。

将您的每张照片上传到Momento360(仅限网页浏览器上传)。我已经上传了我在动物园拍的六张照片.注意它们的渲染效果,如果你有VR头盔,体验会更好。

。4。创建一个小表格,链接Momento360网址和位置标题

在Momento360上,点击图片即可找到分享链接。选择“共享/嵌入链接”。复制URL并粘贴到电子表格中,如下图所示。

屏幕截图2012-03-31凌晨11点15分。png

在本例中,我将只创建一条记录。将电子表格保存为. csv文件—理想情况下保存在桌面上。登录到您的ArcGIS Online组织。

  • 进入“内容”,按下“新项目”按钮。
  • 选择“添加CSV并创建托管特性服务或表”
  • 导入所有字段名。
  • 确定你的纬度/长域。
  • 为服务设置一个标题。
  • 在详情页面,按“分享”按钮。我会把我的设置为“所有人”。设置你认为合适的。
  • 在这种情况下,我使用经典的地图查看器编辑我的功能服务。
  • 选择“添加到具有完全编辑控件的新地图”。

屏幕截图2012-03-31凌晨11点23分。png

  • 您可能需要按“Done”来告诉地图如何符号化数据。
  • 按“编辑”键。
  • 放大到你现有的点。您可以拖动周围的点,以将其精确地放置在图像拍摄的位置-使用基准图作为参考。
  • 点击并拖动每个360°图像的新标记。为每条记录添加图像URL。我的特色服务在这里举个例子。
  • 最后,将基于点的功能服务添加到地图查看器或场景查看器地图。保存地图并共享它,就像以前共享服务一样(私有、组织或所有人)。我的样本地图在这里

5。使用经验生成器创建一个应用程序,将图像链接到特定的地图标记

在ArcGIS Online中,使用个人资料图标附近的“waffle”启动体验生成器,或单击:https://experience.arcgis.com

  • 按“创建新”按钮。
  • 选择“空白全屏”和“创建”。
  • 单击并将地图小部件拖到Experience Builder画布。
  • 点击画布上的小部件框,在最右边的面板上按“选择地图”设置地图源。点击底部的“添加新数据”链接。找到新创建的地图。点击列表中的地图名称来“激活”它。地图现在应该出现在体验生成器画布中。
  • 单击并拖动“Embed”小部件到Experience Builder画布。
  • 单击画布上显示的嵌入小部件。在右侧的“嵌入”窗口中,点击“连接到数据”滑块。点击“选择数据”按钮。您的地图名称应该出现。按加号按钮打开地图的图层列表。点击带有点和图像链接的图层。
  • 回到右边,在你的图层名称下面设置“Selected features”。见下图。

屏幕截图2012-03-31 02:7.21 PM.png

点击数据库图标(看起来像一个带有水平条纹的小罐子)并选择360图像URL列。这将把链接数据字段的名称粘贴到窗口中。字段名将用花括号括起来,如下所示。

屏幕截图2012-03-31 02:9.30 PM.png

  • 通过单击右上角的保存图标来保存您的Experience Builder应用程序。
  • 按Publish按钮。
  • 点击发布按钮旁边的垂直椭圆,选择“更改共享设置”。
  • 点击“共享”按钮,设置您的共享,就像您之前为功能服务和地图所做的那样。
  • 按下“查看”按钮,查看您发布的体验生成器应用程序,将您的360°图像链接到标记并显示在您的地图上!

我的最终地图在这里(之前展示过)。如果你遵循上面的基本想法,并创建自己的360内容地图-在下面发布一个链接。看到你所取得的不同和进步会很有趣。

享受吧!

额外学分:

1.我不想要普通的弹出在地图上-只是嵌入图像显示?在Experience Builder中,单击画布上的地图小部件。向下滚动出现在浏览器右侧的设置菜单。切换“禁用弹出”的设置。保存并重新发布。

2.您可以使用此工作流360°图像,视频或VR场景(带或不带耳机)-只要你只需要指向资产的URL。如果您需要使用HTML iframe来呈现资产,这种方法将不起作用。

3.访问我的故事地图360图像嵌入测试在这里.如果想要显示与地图或故事配对的360度图像,可以在故事地图嵌入小部件中删除链接或iframe。这个过程很简单。本页显示360图像主机的各种测试-以及这些主机包含在其嵌入式图像查看器中的功能。

17日评论
Scoutpro36
通过
新贡献者II

这个工作流程的结束是否可以在基本WebMap的“管理弹出”设置中完成?意思是让Momento 360播放器显示点数,但在WebMap中通过弹出设置的配置?

谢谢!

的合金
通过 亚博搜索yabovip28点com
亚博搜索yabovip28点com

@Scoutpro36

简短的回答是没有,至少在我写这篇文章的时候没有。360度°为了正确渲染图像,它需要使用一个嵌入标签(你可以在Experience Builder, Storymaps和Dashboards等应用程序中找到)。由于安全问题,地图查看器弹出窗口不支持嵌入对象。

你可以渲染360度°图像(JPG)没有嵌入在地图注释中的查看器,但你得到的东西类似于上面博客中的图片#1。

今天,无论使用360°图像主机,这都是正确的。

汤姆

HBWiese
通过
新的因素

这太酷了。谢谢你!

我们在Momento上托管了一些带有热点导航链接的照片,这些照片可以跳转到下一张照片,产生“浏览”效果。我遵循了你的教程,照片中的热点在我的地图上嵌入的照片中是活跃的。这将是伟大的地图上的点与每个360照片突出显示当前的照片,即使导航是通过Momento热点发生。你知道这有可能吗?

Scoutpro36
通过
新贡献者II

HBWiese,

我也认为360虚拟之旅和ESRI的数据需要点“连接”-恐怕这将属于ESRI SDK和良好的编码。

另一方面,我已经成功地使用了“Tome Bakers”360工作流与360虚拟旅游供应商“RoundMe”。RoundMe有一个最好的功能为地图书呆子-侧栏弹出地图(谷歌或自定义)。我的应用程序看起来是这样的(工作在进行中):

2022-06-08 13 _06_15-window.jpg

HBWiese
通过
新的因素

@Scoutpro36
好了!谢谢你关于RoundMe的建议。我去看看。

R__MichaelCousins
新的因素

@Scoutpro36当你说RoundMe的自定义地图时,你能加载一个Esri网络地图/应用程序作为基础吗?除了Revit渲染外,他们的网站上关于自定义地图没有太多有用的信息。我个人使用Kuula作为我的托管平台。这么便宜,我有100的旅游装载在那里1固定费用。

干杯- GIS Mike

Scoutpro36
通过
新贡献者II

您不能向RoundMe添加自定义地图服务。我希望!它只是一个简单的图像文件。我是如何解决这个问题的,在ArcPro中创建一个基本的布局,使用大尺寸的纸张(为了分辨率)。导出并将该图像作为“自定义”地图上传到RoundMe,然后手动在该图像/地图上放置RoundMe门户点。它完成了工作。

的合金
通过 亚博搜索yabovip28点com
亚博搜索yabovip28点com

另一个360°摄影博客文章可于以下网址浏览:

//www.gamepadva.com/t5/education-blog/extending-your-3vr-content/ba-p/1187477

“扩展3VR内容”-描述了发布360的工作流程°图像转换为ArcGIS Online 3VR格式。

M360
通过
新的因素

伟大的指导!对于那些可能想要更自动化的解决方案来处理更大量图像的用户,我们提供了一个CSV导出功能,该功能被设计成能够以最少的配置导入到ArcGIS中(该功能确实需要付费帐户):

https://blog.momento360.com/location-information-now-available-for-export-9d539dd6531

的合金
通过 亚博搜索yabovip28点com
亚博搜索yabovip28点com

这是对Momento360的一个很好的补充。谢谢分享!

RonParis
通过
偶然的因素

这个内容很棒。有人知道有什么地方可以支持360度视频吗?不幸的是,momento360只支持图像。

的合金
通过 亚博搜索yabovip28点com
亚博搜索yabovip28点com

你好,罗恩。

谢谢!YouTube能够托管360度视频,但要做到这一点需要一个小技巧。在您的360视频中,准备使用谷歌空间媒体元数据注入器工具:https://github.com/google/spatial-media/releases

你可以在我的故事地图上找到其他视频托管选项:

https://storymaps.arcgis.com/stories/2b8aa4c749e84fd1aca06ad4f975f021

希望这能有所帮助。

汤姆

R__MichaelCousins
新的因素

汤姆——为什么是空间媒体元数据注入器?在github链接上没有太多关于它实际上是做什么的信息。我试着把我脑子里的点连起来,哈哈。

干杯,迈克

SaraJLD
通过
偶然的因素

为了向故事地图添加360/VR图像,我使用街景下载360从谷歌地图中导出照片。然后我在Thinglink中创建“场景”或虚拟现实之旅(创建一个免费的教师帐户用于分享)。它非常适合嵌入故事地图!和Thinglink可以让你很容易地注释图像。

TelmaFernandes2
新贡献者II

好文章,谢谢分享@TomBaker.你能告诉我陌陌360的免费账号存照片的容量是多少吗?

谢谢

的合金
通过 亚博搜索yabovip28点com
亚博搜索yabovip28点com

嗨。

Momento360是一个很好的选择,用于托管您的360图像,并与StoryMaps或其他Esri应用程序链接/使用。我在他们那里有户头。他们甚至有一些先进的定位工具。我仍然往往使用Kuula是因为他们通过Meta/Oculus头显支持VR。Momento360的定价也更有利于教育工作者——至少我上次看到时是这样。

的合金
通过 亚博搜索yabovip28点com
亚博搜索yabovip28点com

用于在YouTube上托管360度视频的“空间媒体元数据注入器”显然在视频元数据中放置了一些YouTube特定的标签——允许视频支持VR播放。也许这一步现在是可选的。一些支持的网页似乎暗示它将被淘汰。

作者简介
K-12、高等教育、教师教育和非正式学习中的地理空间技术。Esri教育团队