WRLD：無(wú)需編程技能即可創(chuàng)建引人入勝的3D互動(dòng)地圖

核心要點(diǎn)：

• WRLD 提供了一個(gè)用戶友好的平臺(tái)，用于創(chuàng)建自定義的3D地圖，非常適合教育工作者和學(xué)生。它允許用戶選擇位置、主題和興趣點(diǎn)，并添加基于位置的內(nèi)容。
• WRLD 的地圖設(shè)計(jì)工具無(wú)需任何編程技能，所有用戶都可以輕松使用。它允許用戶輕松瀏覽地圖、定義初始視圖、選擇主題和添加興趣點(diǎn)。
• 地點(diǎn)設(shè)計(jì)工具用于組織和向地圖添加興趣點(diǎn)。每個(gè)添加的地點(diǎn)都會(huì)顯示一張卡片，其中包含其他內(nèi)容，包括文本和圖像。
• WRLD 的地圖設(shè)計(jì)工具還允許用戶輕松共享其 3D 地圖。地圖可以通過(guò)可點(diǎn)擊的鏈接共享，也可以作為 iframe 嵌入在線課程中。

(本文與 WRLD 合作創(chuàng)作。感謝您支持使 SitePoint 成為可能的合作伙伴。)

在地理教學(xué)中使用地圖由來(lái)已久，它們能提高學(xué)生的參與度并幫助他們直觀地理解基于位置的信息。隨著數(shù)字在線學(xué)習(xí)平臺(tái)的興起，地圖仍然是重要的資源。如今的教育工作者需要一款地圖工具，它必須具有吸引力和直觀性、易于定制、可在網(wǎng)上和移動(dòng)設(shè)備上訪問(wèn)，并且易于與學(xué)生共享。如果地圖是3D的，那就更好了。

我剛才描述的就是 WRLD。雖然它對(duì)開(kāi)發(fā)者來(lái)說(shuō)很棒，但該公司的在線地圖設(shè)計(jì)工具（“人人皆可用的地圖工具”）為那些完全沒(méi)有編程技能的人打開(kāi)了創(chuàng)建強(qiáng)大自定義地圖的大門(mén)。

WRLD 邀請(qǐng)任何人在我們的基于云的地圖工具中設(shè)計(jì)和管理自定義 3D 地圖，無(wú)需大量的編程，并針對(duì)現(xiàn)代 Web 和移動(dòng)應(yīng)用程序進(jìn)行了優(yōu)化。

與谷歌地圖不同，WRLD 完全是 3D 的。這會(huì)讓任何熟悉現(xiàn)代游戲的人感覺(jué)非常自在。WRLD 還優(yōu)先考慮隱私、控制和開(kāi)發(fā)者可擴(kuò)展性。這是一個(gè)滿足所有條件的產(chǎn)品。教師如何使用它呢？

使用 WRLD 創(chuàng)建自定義 3D 地圖

思路如下：WRLD 為您提供了一個(gè)完整的地球 3D 地圖。您可以選擇您正在教授的地點(diǎn)，選擇合適的主題，添加興趣點(diǎn)，并創(chuàng)建傳達(dá)您基于位置內(nèi)容的卡片。然后，您可以分享地圖鏈接，該鏈接會(huì)在網(wǎng)絡(luò)瀏覽器或移動(dòng)應(yīng)用程序中打開(kāi)，將其嵌入網(wǎng)頁(yè)，甚至將其包含在您自己的在線學(xué)習(xí)軟件中。

我們的目標(biāo)是構(gòu)建最智能的 3D 世界表示。

WRLD 仍在開(kāi)發(fā)中。以 3D 方式渲染整個(gè)世界是一項(xiàng)巨大的任務(wù)，它尚未提供每個(gè)國(guó)家/地區(qū)的地圖（盡管用戶可以投票選擇要包含在 WRLD 中的新區(qū)域）。功能仍在不斷添加，文檔仍在創(chuàng)建中。但盡管存在這些限制，它仍然是一款引人注目的地圖產(chǎn)品，它已經(jīng)可以滿足您的許多需求。

目前，地圖面積超過(guò) 3 億平方米。美國(guó)、加拿大、英國(guó)、愛(ài)爾蘭、斯堪的納維亞半島、阿拉伯半島、意大利等地區(qū)實(shí)現(xiàn)了全面覆蓋，西班牙、澳大利亞和泰國(guó)等地區(qū)也實(shí)現(xiàn)了部分覆蓋。這應(yīng)該涵蓋您課程的大部分內(nèi)容！

對(duì)于大多數(shù)教育工作者來(lái)說(shuō)，成本應(yīng)該相當(dāng)有吸引力。如果您每月用戶少于 1000 人，則 WRLD 完全免費(fèi)，這將適用于大多數(shù)教師和小型培訓(xùn)機(jī)構(gòu)。較大的教育機(jī)構(gòu)和在線學(xué)習(xí)平臺(tái)可能需要支付適度的費(fèi)用，如下面的屏幕截圖所示。

那么，您如何為教育創(chuàng)建 3D 地圖呢？我們將通過(guò)創(chuàng)建關(guān)于倫敦大火的地圖來(lái)向您展示。您可以在此處在您的網(wǎng)絡(luò)瀏覽器中查看它，或?yàn)g覽下面的嵌入內(nèi)容。

地圖設(shè)計(jì)器：無(wú)需編程即可創(chuàng)建 3D 地圖

非開(kāi)發(fā)者將使用 WRLD 的地圖設(shè)計(jì)器，這是一個(gè)為專業(yè)人士和初學(xué)者設(shè)計(jì)的在線工具。創(chuàng)建和管理您自己的 3D 地圖，選擇簡(jiǎn)單或復(fù)雜的樣式。

創(chuàng)建帳戶后，您可以創(chuàng)建您的第一張地圖。為地圖命名，您將獲得一個(gè) URL。您可能希望將地址粘貼到另一個(gè)瀏覽器選項(xiàng)卡中，以便您可以從學(xué)生的角度監(jiān)控您的進(jìn)度。

瀏覽地圖很直觀。左鍵單擊并拖動(dòng)以移動(dòng)地圖，滾動(dòng)以放大和縮小，右鍵單擊并拖動(dòng)以旋轉(zhuǎn)。當(dāng)您放大時(shí)，顯示會(huì)自動(dòng)從 2D 更改為 3D。

我們的首要任務(wù)是定義學(xué)生打開(kāi)地圖時(shí)將看到的初始視圖。倫敦大火發(fā)生在泰晤士河以北，靠近倫敦橋。我從搜索“倫敦大火”開(kāi)始，發(fā)現(xiàn)現(xiàn)場(chǎng)有一座紀(jì)念碑。這應(yīng)該能讓我接近目標(biāo)。

這很完美，我希望地圖打開(kāi)時(shí)顯示的就是這個(gè)。我在右側(cè)面板中單擊“使用當(dāng)前地圖視圖”。

現(xiàn)在我們需要選擇一個(gè)主題，所以我單擊右側(cè)面板中的油漆桶圖標(biāo)。我喜歡深色主題的外觀。

現(xiàn)在是時(shí)候添加一些興趣點(diǎn)。我們通過(guò)地點(diǎn)設(shè)計(jì)器來(lái)完成此操作，我可以通過(guò)單擊“地點(diǎn)”圖標(biāo)，然后單擊“管理地點(diǎn)集合”來(lái)打開(kāi)它（在新瀏覽器選項(xiàng)卡中）。

地點(diǎn)設(shè)計(jì)器：添加興趣點(diǎn)和基于位置的內(nèi)容

地點(diǎn)設(shè)計(jì)器現(xiàn)在已打開(kāi)。我可以通過(guò)簡(jiǎn)單地切換瀏覽器中的選項(xiàng)卡來(lái)在它和地圖設(shè)計(jì)器之間切換。

在我向地圖添加一些興趣點(diǎn)之前，我首先需要?jiǎng)?chuàng)建一些地點(diǎn)集合。這些是地點(diǎn)的容器，可以幫助我們保持井然有序。

我首先需要了解我想添加到地圖的內(nèi)容。網(wǎng)上有很多關(guān)于倫敦大火的有趣資料。由于這場(chǎng)悲劇發(fā)生在 1666 年，顯然沒(méi)有照片，但有令人驚訝數(shù)量的繪畫(huà)作品。為了簡(jiǎn)化本文的目的，我將只使用維基百科作為來(lái)源。

這篇文章包括幾張關(guān)于大火在四天內(nèi)蔓延的地圖，一些關(guān)于大火的當(dāng)代繪畫(huà)作品等等。我決定只創(chuàng)建兩個(gè)集合，并通過(guò)在“應(yīng)用程序”下選擇“倫敦大火”來(lái)使它們可用于我的地圖：

• 圖片：倫敦大火
• 地圖：倫敦大火

現(xiàn)在，我們將向每個(gè)集合添加一些興趣點(diǎn)。每個(gè)地點(diǎn)都會(huì)在地圖上添加一個(gè)圖釘，選擇圖釘將顯示一張包含其他內(nèi)容的卡片，包括文本和圖像。

我將從維基百科文章中找到的第一幅繪畫(huà)開(kāi)始，這幅畫(huà)顯示了從泰晤士河上的塔碼頭附近看到的第三天大火的樣子，就在大火的東邊。我希望這幅畫(huà)在“圖片”集合中，所以我單擊它，然后單擊“新建地點(diǎn)標(biāo)記”。一個(gè)圖釘被放置在地圖的中心，我將其拖到碼頭附近。

現(xiàn)在，我在右側(cè)面板中填寫(xiě)表格，包括標(biāo)題、副標(biāo)題和圖像的 URL。我將標(biāo)簽更改為“火災(zāi)”，這會(huì)修改圖釘上的圖像。我預(yù)覽卡片，它顯示如下面的屏幕截圖所示。

右側(cè)面板中的下一個(gè)表單用于聯(lián)系信息。這對(duì)于我們的用途來(lái)說(shuō)并不是必需的，但我確實(shí)添加了維基百科文章的鏈接。

接下來(lái)，我們可以輸入描述，這是一段文本內(nèi)容。我添加了維基百科中的圖像描述，并預(yù)覽了卡片。

下一個(gè)表單允許您微調(diào)圖釘?shù)木暥群徒?jīng)度。我不確定繪畫(huà)的確切位置，所以保持原樣。

最后一個(gè)表單是一個(gè) JSON 編輯器，它有點(diǎn)技術(shù)性，允許您直接編輯從表單輸入的數(shù)據(jù)。如果您不介意一點(diǎn)輕微的技術(shù)工作，可以通過(guò)添加 HTML 內(nèi)容進(jìn)一步自定義卡片。WRLD 將很快發(fā)布關(guān)于如何實(shí)現(xiàn)此目標(biāo)的視頻教程。

我使用相同的方法向地圖添加更多卡片，它開(kāi)始成形：

• 圖片：魯?shù)律w特著火
• 圖片：倫敦大火紀(jì)念碑
• 圖片：第 3 天火災(zāi)景象
• 地圖：第 1 天火災(zāi)損失
• 地圖：第 2 天火災(zāi)損失
• 地圖：第 3 天火災(zāi)損失

我們快完成了。但在共享地圖之前，我們需要返回地圖設(shè)計(jì)器以使我們的興趣點(diǎn)可發(fā)現(xiàn)。

完成并共享您的自定義 3D 地圖

當(dāng)我們返回地圖設(shè)計(jì)器時(shí)，我們會(huì)看到我們的地點(diǎn)集合被標(biāo)記為包含。這不會(huì)自動(dòng)顯示圖釘，但它確實(shí)讓我們可以訪問(wèn)搜索中的項(xiàng)目。

我們可以通過(guò)自定義“查找菜單”來(lái)方便查找它們。這將允許我們的學(xué)生通過(guò)單擊自動(dòng)搜索特定標(biāo)簽的菜單項(xiàng)來(lái)快速查找地圖上的項(xiàng)目。

由于我們的地圖上只有幾個(gè)興趣點(diǎn)，我決定一次搜索應(yīng)該找到所有興趣點(diǎn)，所以我返回地點(diǎn)設(shè)計(jì)器并將“火災(zāi)”標(biāo)簽添加到每個(gè)興趣點(diǎn)，然后返回。

我選中“自定義查找菜單”并添加一個(gè)新項(xiàng)目：“倫敦大火”。我將讓菜單項(xiàng)自動(dòng)搜索標(biāo)簽“火災(zāi)”，并使用“火災(zāi)”圖標(biāo)表示該項(xiàng)目。同時(shí)，我刪除了 WRLD 自動(dòng)添加的項(xiàng)目，并取消選中“在查找菜單中包含 Yelp 地點(diǎn)搜索結(jié)果”。

最后，地圖設(shè)計(jì)器還有一個(gè) JSON 編輯器。

此處的一些快速編輯將通過(guò)首先無(wú)需手動(dòng)進(jìn)行搜索即可使我們的興趣點(diǎn)可見(jiàn)，從而使我們的地圖更有用。

• 首先，我將 perform_start_up_search 更改為“true”。
• 然后我將 start_up_search_tag 更改為“fire”。

現(xiàn)在，每當(dāng)打開(kāi)地圖時(shí)，WRLD 都會(huì)自動(dòng)搜索標(biāo)簽“fire”并將相應(yīng)的圖像位置顯示為搜索結(jié)果。它還會(huì)在地圖上顯示匹配的圖釘。單擊搜索結(jié)果將滾動(dòng)到興趣點(diǎn)并顯示卡片。WRLD 指出，很快，用戶將無(wú)需編輯 JSON 即可進(jìn)行這些更改。

最后，我們需要使地圖可供我們的學(xué)生使用。我們可以通過(guò)以下兩種方式來(lái)實(shí)現(xiàn)：共享指向地圖的可點(diǎn)擊鏈接，該鏈接將直接在瀏覽器中打開(kāi)或?qū)⒁苿?dòng)用戶定向到應(yīng)用程序，或者將其作為 iframe 嵌入到我們的在線課程中。單擊“嵌入 Web 代碼”會(huì)顯示一個(gè)工具，允許您自定義嵌入地圖的大小。

WRLD 的地圖設(shè)計(jì)器允許您無(wú)需任何編程即可創(chuàng)建和共享有用的教育性 3D 地圖。學(xué)生可以探索您基于位置的內(nèi)容并直觀地理解材料。

但請(qǐng)注意，編碼可以進(jìn)一步增強(qiáng)我們的地圖。例如，我們可以添加多邊形以指示每天火災(zāi)造成的損壞區(qū)域，使用傷亡統(tǒng)計(jì)數(shù)據(jù)或火災(zāi)溫度顯示熱點(diǎn)，并且我們可以對(duì)建筑物進(jìn)行顏色編碼以指示它們何時(shí)開(kāi)始燃燒。如果您想了解更多信息，請(qǐng)查看 Christopher Pitt 在 Web 頻道上關(guān)于 WRLD 的更技術(shù)性的系列文章。

關(guān)于互動(dòng)歷史地圖的常見(jiàn)問(wèn)題解答 (FAQ)

如何創(chuàng)建我自己的互動(dòng)歷史地圖？

創(chuàng)建您自己的互動(dòng)歷史地圖涉及幾個(gè)步驟。首先，您需要選擇一個(gè)支持互動(dòng)地圖的平臺(tái)。WRLD 是一個(gè)流行的選擇，因?yàn)樗哂杏脩粲押玫慕缑婧蛷V泛的功能。選擇平臺(tái)后，您可以開(kāi)始構(gòu)建地圖，方法是添加位置、事件和其他歷史數(shù)據(jù)。您還可以自定義地圖的外觀和風(fēng)格，使其更具吸引力和信息量。請(qǐng)記住定期測(cè)試您的地圖，以確保其正常運(yùn)行并提供良好的用戶體驗(yàn)。

我可以將互動(dòng)歷史地圖用于教育目的嗎？

當(dāng)然可以！互動(dòng)歷史地圖是一種很棒的教育工具。它們可以幫助學(xué)生直觀地了解歷史事件并更好地理解其背景。教師可以使用這些地圖來(lái)創(chuàng)建引人入勝的課程并激發(fā)學(xué)生對(duì)歷史的興趣。他們還可以鼓勵(lì)學(xué)生創(chuàng)建自己的地圖作為項(xiàng)目，幫助他們發(fā)展研究和數(shù)字技能。

我可以在互動(dòng)歷史地圖中包含哪些類型的數(shù)據(jù)？

您可以在互動(dòng)歷史地圖中包含各種各樣的數(shù)據(jù)。這包括地理位置、歷史事件、時(shí)間線、圖像、視頻和文本描述。您還可以添加交互式元素，如彈出窗口、鏈接和導(dǎo)航按鈕，以使您的地圖更具吸引力和信息量。

我可以與他人共享我的互動(dòng)歷史地圖嗎？

是的，您可以與他人共享您的互動(dòng)歷史地圖。大多數(shù)平臺(tái)都提供通過(guò)電子郵件、社交媒體共享地圖或?qū)⑵淝度刖W(wǎng)站的選項(xiàng)。這使得您可以輕松地與學(xué)生、同事或公眾共享您的作品。

如何使我的互動(dòng)歷史地圖更具吸引力？

有幾種方法可以使您的互動(dòng)歷史地圖更具吸引力。您可以使用醒目的視覺(jué)效果、添加交互式元素和包含豐富詳細(xì)的信息。您還可以使用講故事技巧來(lái)使您的地圖栩栩如生并使其更具吸引力。請(qǐng)記住牢記您的受眾，并根據(jù)他們的興趣和需求調(diào)整您的地圖。

我可以隨時(shí)更新我的互動(dòng)歷史地圖嗎？

是的，您可以隨時(shí)更新您的互動(dòng)歷史地圖。這是數(shù)字地圖的一大優(yōu)勢(shì)。您可以根據(jù)需要添加新數(shù)據(jù)、修改現(xiàn)有信息和改進(jìn)地圖的設(shè)計(jì)。這允許您的地圖隨著時(shí)間的推移而發(fā)展并保持相關(guān)性。

使用互動(dòng)歷史地圖有哪些限制？

雖然互動(dòng)歷史地圖有很多好處，但它們也有一些限制。例如，它們需要穩(wěn)定的互聯(lián)網(wǎng)連接，并且可能無(wú)法在舊設(shè)備或?yàn)g覽器上正常工作。它們還需要時(shí)間和精力來(lái)創(chuàng)建和維護(hù)。但是，好處通常超過(guò)這些限制，尤其是在教育和研究方面。

我可以將互動(dòng)歷史地圖用于研究嗎？

是的，互動(dòng)歷史地圖可以成為寶貴的研究工具。它們可以幫助您直觀地了解數(shù)據(jù)、識(shí)別模式和趨勢(shì)，并獲得對(duì)歷史事件的新見(jiàn)解。它們還可以使您的研究更容易被他人訪問(wèn)和參與。

如何確保我的互動(dòng)歷史地圖的準(zhǔn)確性？

確?；?dòng)歷史地圖的準(zhǔn)確性需要仔細(xì)的研究和數(shù)據(jù)驗(yàn)證。您應(yīng)該使用可靠的來(lái)源、交叉檢查信息并在可能的情況下提供參考。您還應(yīng)該透明地說(shuō)明數(shù)據(jù)中的任何不確定性或差距。

我可以與他人合作制作互動(dòng)歷史地圖嗎？

是的，許多平臺(tái)都支持在互動(dòng)歷史地圖上進(jìn)行協(xié)作。這使您可以與他人合作、分享想法并結(jié)合您的技能和知識(shí)。協(xié)作還可以使地圖制作過(guò)程更愉快和更有益。

以上是如何使用WRLD構(gòu)建互動(dòng)歷史圖的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！