目录
使用 WRLD 创建自定义 3D 地图
地图设计器:无需编程即可创建 3D 地图
地点设计器:添加兴趣点和基于位置的内容
完成并共享您的自定义 3D 地图
关于互动历史地图的常见问题解答 (FAQ)
如何创建我自己的互动历史地图?
我可以将互动历史地图用于教育目的吗?
我可以在互动历史地图中包含哪些类型的数据?
我可以与他人共享我的互动历史地图吗?
如何使我的互动历史地图更具吸引力?
我可以随时更新我的互动历史地图吗?
使用互动历史地图有哪些限制?
我可以将互动历史地图用于研究吗?
如何确保我的互动历史地图的准确性?
我可以与他人合作制作互动历史地图吗?
首页 科技周边 IT业界 如何使用WRLD构建互动历史图

如何使用WRLD构建互动历史图

Feb 16, 2025 pm 12:52 PM

WRLD:无需编程技能即可创建引人入胜的3D互动地图

核心要点:

  • WRLD 提供了一个用户友好的平台,用于创建自定义的3D地图,非常适合教育工作者和学生。它允许用户选择位置、主题和兴趣点,并添加基于位置的内容。
  • WRLD 的地图设计工具无需任何编程技能,所有用户都可以轻松使用。它允许用户轻松浏览地图、定义初始视图、选择主题和添加兴趣点。
  • 地点设计工具用于组织和向地图添加兴趣点。每个添加的地点都会显示一张卡片,其中包含其他内容,包括文本和图像。
  • WRLD 的地图设计工具还允许用户轻松共享其 3D 地图。地图可以通过可点击的链接共享,也可以作为 iframe 嵌入在线课程中。

(本文与 WRLD 合作创作。感谢您支持使 SitePoint 成为可能的合作伙伴。)

在地理教学中使用地图由来已久,它们能提高学生的参与度并帮助他们直观地理解基于位置的信息。随着数字在线学习平台的兴起,地图仍然是重要的资源。如今的教育工作者需要一款地图工具,它必须具有吸引力和直观性、易于定制、可在网上和移动设备上访问,并且易于与学生共享。如果地图是3D的,那就更好了。

How to Build an Interactive History Map with WRLD

我刚才描述的就是 WRLD。虽然它对开发者来说很棒,但该公司的在线地图设计工具(“人人皆可用的地图工具”)为那些完全没有编程技能的人打开了创建强大自定义地图的大门。

WRLD 邀请任何人在我们的基于云的地图工具中设计和管理自定义 3D 地图,无需大量的编程,并针对现代 Web 和移动应用程序进行了优化。

与谷歌地图不同,WRLD 完全是 3D 的。这会让任何熟悉现代游戏的人感觉非常自在。WRLD 还优先考虑隐私、控制和开发者可扩展性。这是一个满足所有条件的产品。教师如何使用它呢?

使用 WRLD 创建自定义 3D 地图

思路如下:WRLD 为您提供了一个完整的地球 3D 地图。您可以选择您正在教授的地点,选择合适的主题,添加兴趣点,并创建传达您基于位置内容的卡片。然后,您可以分享地图链接,该链接会在网络浏览器或移动应用程序中打开,将其嵌入网页,甚至将其包含在您自己的在线学习软件中。

我们的目标是构建最智能的 3D 世界表示。

WRLD 仍在开发中。以 3D 方式渲染整个世界是一项巨大的任务,它尚未提供每个国家/地区的地图(尽管用户可以投票选择要包含在 WRLD 中的新区域)。功能仍在不断添加,文档仍在创建中。但尽管存在这些限制,它仍然是一款引人注目的地图产品,它已经可以满足您的许多需求。

目前,地图面积超过 3 亿平方米。美国、加拿大、英国、爱尔兰、斯堪的纳维亚半岛、阿拉伯半岛、意大利等地区实现了全面覆盖,西班牙、澳大利亚和泰国等地区也实现了部分覆盖。这应该涵盖您课程的大部分内容!

How to Build an Interactive History Map with WRLD

对于大多数教育工作者来说,成本应该相当有吸引力。如果您每月用户少于 1000 人,则 WRLD 完全免费,这将适用于大多数教师和小型培训机构。较大的教育机构和在线学习平台可能需要支付适度的费用,如下面的屏幕截图所示。

How to Build an Interactive History Map with WRLD

那么,您如何为教育创建 3D 地图呢?我们将通过创建关于伦敦大火的地图来向您展示。您可以在此处在您的网络浏览器中查看它,或浏览下面的嵌入内容。

地图设计器:无需编程即可创建 3D 地图

非开发者将使用 WRLD 的地图设计器,这是一个为专业人士和初学者设计的在线工具。创建和管理您自己的 3D 地图,选择简单或复杂的样式。

How to Build an Interactive History Map with WRLD

创建帐户后,您可以创建您的第一张地图。为地图命名,您将获得一个 URL。您可能希望将地址粘贴到另一个浏览器选项卡中,以便您可以从学生的角度监控您的进度。

How to Build an Interactive History Map with WRLD How to Build an Interactive History Map with WRLD

浏览地图很直观。左键单击并拖动以移动地图,滚动以放大和缩小,右键单击并拖动以旋转。当您放大时,显示会自动从 2D 更改为 3D。

我们的首要任务是定义学生打开地图时将看到的初始视图。伦敦大火发生在泰晤士河以北,靠近伦敦桥。我从搜索“伦敦大火”开始,发现现场有一座纪念碑。这应该能让我接近目标。

How to Build an Interactive History Map with WRLD How to Build an Interactive History Map with WRLD

这很完美,我希望地图打开时显示的就是这个。我在右侧面板中单击“使用当前地图视图”。

现在我们需要选择一个主题,所以我单击右侧面板中的油漆桶图标。我喜欢深色主题的外观。

How to Build an Interactive History Map with WRLD

现在是时候添加一些兴趣点。我们通过地点设计器来完成此操作,我可以通过单击“地点”图标,然后单击“管理地点集合”来打开它(在新浏览器选项卡中)。

How to Build an Interactive History Map with WRLD

地点设计器:添加兴趣点和基于位置的内容

地点设计器现在已打开。我可以通过简单地切换浏览器中的选项卡来在它和地图设计器之间切换。

How to Build an Interactive History Map with WRLD

在我向地图添加一些兴趣点之前,我首先需要创建一些地点集合。这些是地点的容器,可以帮助我们保持井然有序。

我首先需要了解我想添加到地图的内容。网上有很多关于伦敦大火的有趣资料。由于这场悲剧发生在 1666 年,显然没有照片,但有令人惊讶数量的绘画作品。为了简化本文的目的,我将只使用维基百科作为来源。

这篇文章包括几张关于大火在四天内蔓延的地图,一些关于大火的当代绘画作品等等。我决定只创建两个集合,并通过在“应用程序”下选择“伦敦大火”来使它们可用于我的地图:

  • 图片:伦敦大火
  • 地图:伦敦大火

How to Build an Interactive History Map with WRLD

现在,我们将向每个集合添加一些兴趣点。每个地点都会在地图上添加一个图钉,选择图钉将显示一张包含其他内容的卡片,包括文本和图像。

我将从维基百科文章中找到的第一幅绘画开始,这幅画显示了从泰晤士河上的塔码头附近看到的第三天大火的样子,就在大火的东边。我希望这幅画在“图片”集合中,所以我单击它,然后单击“新建地点标记”。一个图钉被放置在地图的中心,我将其拖到码头附近。

How to Build an Interactive History Map with WRLD

现在,我在右侧面板中填写表格,包括标题、副标题和图像的 URL。我将标签更改为“火灾”,这会修改图钉上的图像。我预览卡片,它显示如下面的屏幕截图所示。

How to Build an Interactive History Map with WRLD

右侧面板中的下一个表单用于联系信息。这对于我们的用途来说并不是必需的,但我确实添加了维基百科文章的链接。

How to Build an Interactive History Map with WRLD

接下来,我们可以输入描述,这是一段文本内容。我添加了维基百科中的图像描述,并预览了卡片。

How to Build an Interactive History Map with WRLD

下一个表单允许您微调图钉的纬度和经度。我不确定绘画的确切位置,所以保持原样。

How to Build an Interactive History Map with WRLD

最后一个表单是一个 JSON 编辑器,它有点技术性,允许您直接编辑从表单输入的数据。如果您不介意一点轻微的技术工作,可以通过添加 HTML 内容进一步自定义卡片。WRLD 将很快发布关于如何实现此目标的视频教程。

我使用相同的方法向地图添加更多卡片,它开始成形:

  • 图片:鲁德盖特着火
  • 图片:伦敦大火纪念碑
  • 图片:第 3 天火灾景象
  • 地图:第 1 天火灾损失
  • 地图:第 2 天火灾损失
  • 地图:第 3 天火灾损失

How to Build an Interactive History Map with WRLD

我们快完成了。但在共享地图之前,我们需要返回地图设计器以使我们的兴趣点可发现。

完成并共享您的自定义 3D 地图

当我们返回地图设计器时,我们会看到我们的地点集合被标记为包含。这不会自动显示图钉,但它确实让我们可以访问搜索中的项目。

How to Build an Interactive History Map with WRLD

我们可以通过自定义“查找菜单”来方便查找它们。这将允许我们的学生通过单击自动搜索特定标签的菜单项来快速查找地图上的项目。

How to Build an Interactive History Map with WRLD

由于我们的地图上只有几个兴趣点,我决定一次搜索应该找到所有兴趣点,所以我返回地点设计器并将“火灾”标签添加到每个兴趣点,然后返回。

我选中“自定义查找菜单”并添加一个新项目:“伦敦大火”。我将让菜单项自动搜索标签“火灾”,并使用“火灾”图标表示该项目。同时,我删除了 WRLD 自动添加的项目,并取消选中“在查找菜单中包含 Yelp 地点搜索结果”。

How to Build an Interactive History Map with WRLD

最后,地图设计器还有一个 JSON 编辑器。

How to Build an Interactive History Map with WRLD

此处的一些快速编辑将通过首先无需手动进行搜索即可使我们的兴趣点可见,从而使我们的地图更有用。

  • 首先,我将 perform_start_up_search 更改为“true”。
  • 然后我将 start_up_search_tag 更改为“fire”。

现在,每当打开地图时,WRLD 都会自动搜索标签“fire”并将相应的图像位置显示为搜索结果。它还会在地图上显示匹配的图钉。单击搜索结果将滚动到兴趣点并显示卡片。WRLD 指出,很快,用户将无需编辑 JSON 即可进行这些更改。

How to Build an Interactive History Map with WRLD

最后,我们需要使地图可供我们的学生使用。我们可以通过以下两种方式来实现:共享指向地图的可点击链接,该链接将直接在浏览器中打开或将移动用户定向到应用程序,或者将其作为 iframe 嵌入到我们的在线课程中。单击“嵌入 Web 代码”会显示一个工具,允许您自定义嵌入地图的大小。

How to Build an Interactive History Map with WRLD

WRLD 的地图设计器允许您无需任何编程即可创建和共享有用的教育性 3D 地图。学生可以探索您基于位置的内容并直观地理解材料。

但请注意,编码可以进一步增强我们的地图。例如,我们可以添加多边形以指示每天火灾造成的损坏区域,使用伤亡统计数据或火灾温度显示热点,并且我们可以对建筑物进行颜色编码以指示它们何时开始燃烧。如果您想了解更多信息,请查看 Christopher Pitt 在 Web 频道上关于 WRLD 的更技术性的系列文章。

关于互动历史地图的常见问题解答 (FAQ)

如何创建我自己的互动历史地图?

创建您自己的互动历史地图涉及几个步骤。首先,您需要选择一个支持互动地图的平台。WRLD 是一个流行的选择,因为它具有用户友好的界面和广泛的功能。选择平台后,您可以开始构建地图,方法是添加位置、事件和其他历史数据。您还可以自定义地图的外观和风格,使其更具吸引力和信息量。请记住定期测试您的地图,以确保其正常运行并提供良好的用户体验。

我可以将互动历史地图用于教育目的吗?

当然可以!互动历史地图是一种很棒的教育工具。它们可以帮助学生直观地了解历史事件并更好地理解其背景。教师可以使用这些地图来创建引人入胜的课程并激发学生对历史的兴趣。他们还可以鼓励学生创建自己的地图作为项目,帮助他们发展研究和数字技能。

我可以在互动历史地图中包含哪些类型的数据?

您可以在互动历史地图中包含各种各样的数据。这包括地理位置、历史事件、时间线、图像、视频和文本描述。您还可以添加交互式元素,如弹出窗口、链接和导航按钮,以使您的地图更具吸引力和信息量。

我可以与他人共享我的互动历史地图吗?

是的,您可以与他人共享您的互动历史地图。大多数平台都提供通过电子邮件、社交媒体共享地图或将其嵌入网站的选项。这使得您可以轻松地与学生、同事或公众共享您的作品。

如何使我的互动历史地图更具吸引力?

有几种方法可以使您的互动历史地图更具吸引力。您可以使用醒目的视觉效果、添加交互式元素和包含丰富详细的信息。您还可以使用讲故事技巧来使您的地图栩栩如生并使其更具吸引力。请记住牢记您的受众,并根据他们的兴趣和需求调整您的地图。

我可以随时更新我的互动历史地图吗?

是的,您可以随时更新您的互动历史地图。这是数字地图的一大优势。您可以根据需要添加新数据、修改现有信息和改进地图的设计。这允许您的地图随着时间的推移而发展并保持相关性。

使用互动历史地图有哪些限制?

虽然互动历史地图有很多好处,但它们也有一些限制。例如,它们需要稳定的互联网连接,并且可能无法在旧设备或浏览器上正常工作。它们还需要时间和精力来创建和维护。但是,好处通常超过这些限制,尤其是在教育和研究方面。

我可以将互动历史地图用于研究吗?

是的,互动历史地图可以成为宝贵的研究工具。它们可以帮助您直观地了解数据、识别模式和趋势,并获得对历史事件的新见解。它们还可以使您的研究更容易被他人访问和参与。

如何确保我的互动历史地图的准确性?

确保互动历史地图的准确性需要仔细的研究和数据验证。您应该使用可靠的来源、交叉检查信息并在可能的情况下提供参考。您还应该透明地说明数据中的任何不确定性或差距。

我可以与他人合作制作互动历史地图吗?

是的,许多平台都支持在互动历史地图上进行协作。这使您可以与他人合作、分享想法并结合您的技能和知识。协作还可以使地图制作过程更愉快和更有益。

以上是如何使用WRLD构建互动历史图的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1654
14
CakePHP 教程
1413
52
Laravel 教程
1306
25
PHP教程
1252
29
C# 教程
1225
24
CNCF ARM64飞行员:影响和见解 CNCF ARM64飞行员:影响和见解 Apr 15, 2025 am 08:27 AM

该试点程序是CNCF(云本机计算基础),安培计算,Equinix金属和驱动的合作,简化了CNCF GitHub项目的ARM64 CI/CD。 该计划解决了安全问题和绩效

使用AWS ECS和LAMBDA的无服务器图像处理管道 使用AWS ECS和LAMBDA的无服务器图像处理管道 Apr 18, 2025 am 08:28 AM

该教程通过使用AWS服务来指导您通过构建无服务器图像处理管道。 我们将创建一个部署在ECS Fargate群集上的next.js前端,与API网关,Lambda函数,S3桶和DynamoDB进行交互。 Th

21个开发人员新闻通讯将在2025年订阅 21个开发人员新闻通讯将在2025年订阅 Apr 24, 2025 am 08:28 AM

与这些顶级开发人员新闻通讯有关最新技术趋势的了解! 这个精选的清单为每个人提供了一些东西,从AI爱好者到经验丰富的后端和前端开发人员。 选择您的收藏夹并节省时间搜索REL

See all articles