WRLD:無需編程技能即可創建引人入勝的3D互動地圖
核心要點:
- WRLD 提供了一個用戶友好的平台,用於創建自定義的3D地圖,非常適合教育工作者和學生。它允許用戶選擇位置、主題和興趣點,並添加基於位置的內容。
- WRLD 的地圖設計工具無需任何編程技能,所有用戶都可以輕鬆使用。它允許用戶輕鬆瀏覽地圖、定義初始視圖、選擇主題和添加興趣點。
- 地點設計工具用於組織和向地圖添加興趣點。每個添加的地點都會顯示一張卡片,其中包含其他內容,包括文本和圖像。
- WRLD 的地圖設計工具還允許用戶輕鬆共享其 3D 地圖。地圖可以通過可點擊的鏈接共享,也可以作為 iframe 嵌入在線課程中。
(本文與 WRLD 合作創作。感謝您支持使 SitePoint 成為可能的合作夥伴。)
在地理教學中使用地圖由來已久,它們能提高學生的參與度並幫助他們直觀地理解基於位置的信息。隨著數字在線學習平台的興起,地圖仍然是重要的資源。如今的教育工作者需要一款地圖工具,它必須具有吸引力和直觀性、易於定制、可在網上和移動設備上訪問,並且易於與學生共享。如果地圖是3D的,那就更好了。
我剛才描述的就是 WRLD。雖然它對開發者來說很棒,但該公司的在線地圖設計工具(“人人皆可用的地圖工具”)為那些完全沒有編程技能的人打開了創建強大自定義地圖的大門。
WRLD 邀請任何人在我們的基於雲的地圖工具中設計和管理自定義 3D 地圖,無需大量的編程,並針對現代 Web 和移動應用程序進行了優化。
與穀歌地圖不同,WRLD 完全是 3D 的。這會讓任何熟悉現代遊戲的人感覺非常自在。 WRLD 還優先考慮隱私、控制和開發者可擴展性。這是一個滿足所有條件的產品。教師如何使用它呢?
使用 WRLD 創建自定義 3D 地圖
思路如下:WRLD 為您提供了一個完整的地球 3D 地圖。您可以選擇您正在教授的地點,選擇合適的主題,添加興趣點,並創建傳達您基於位置內容的卡片。然後,您可以分享地圖鏈接,該鏈接會在網絡瀏覽器或移動應用程序中打開,將其嵌入網頁,甚至將其包含在您自己的在線學習軟件中。
我們的目標是構建最智能的 3D 世界表示。
WRLD 仍在開發中。以 3D 方式渲染整個世界是一項巨大的任務,它尚未提供每個國家/地區的地圖(儘管用戶可以投票選擇要包含在 WRLD 中的新區域)。功能仍在不斷添加,文檔仍在創建中。但儘管存在這些限制,它仍然是一款引人注目的地圖產品,它已經可以滿足您的許多需求。
目前,地圖面積超過 3 億平方米。美國、加拿大、英國、愛爾蘭、斯堪的納維亞半島、阿拉伯半島、意大利等地區實現了全面覆蓋,西班牙、澳大利亞和泰國等地區也實現了部分覆蓋。這應該涵蓋您課程的大部分內容!
對於大多數教育工作者來說,成本應該相當有吸引力。如果您每月用戶少於 1000 人,則 WRLD 完全免費,這將適用於大多數教師和小型培訓機構。較大的教育機構和在線學習平台可能需要支付適度的費用,如下面的屏幕截圖所示。
那麼,您如何為教育創建 3D 地圖呢?我們將通過創建關於倫敦大火的地圖來向您展示。您可以在此處在您的網絡瀏覽器中查看它,或瀏覽下面的嵌入內容。
地圖設計器:無需編程即可創建 3D 地圖
非開發者將使用 WRLD 的地圖設計器,這是一個為專業人士和初學者設計的在線工具。創建和管理您自己的 3D 地圖,選擇簡單或複雜的樣式。
創建帳戶後,您可以創建您的第一張地圖。為地圖命名,您將獲得一個 URL。您可能希望將地址粘貼到另一個瀏覽器選項卡中,以便您可以從學生的角度監控您的進度。
瀏覽地圖很直觀。左鍵單擊並拖動以移動地圖,滾動以放大和縮小,右鍵單擊並拖動以旋轉。當您放大時,顯示會自動從 2D 更改為 3D。
我們的首要任務是定義學生打開地圖時將看到的初始視圖。倫敦大火發生在泰晤士河以北,靠近倫敦橋。我從搜索“倫敦大火”開始,發現現場有一座紀念碑。這應該能讓我接近目標。
這很完美,我希望地圖打開時顯示的就是這個。我在右側面板中單擊“使用當前地圖視圖”。
現在我們需要選擇一個主題,所以我單擊右側面板中的油漆桶圖標。我喜歡深色主題的外觀。
現在是時候添加一些興趣點。我們通過地點設計器來完成此操作,我可以通過單擊“地點”圖標,然後單擊“管理地點集合”來打開它(在新瀏覽器選項卡中)。
地點設計器:添加興趣點和基於位置的內容
地點設計器現在已打開。我可以通過簡單地切換瀏覽器中的選項卡來在它和地圖設計器之間切換。
在我向地圖添加一些興趣點之前,我首先需要創建一些地點集合。這些是地點的容器,可以幫助我們保持井然有序。
我首先需要了解我想添加到地圖的內容。網上有很多關於倫敦大火的有趣資料。由於這場悲劇發生在 1666 年,顯然沒有照片,但有令人驚訝數量的繪畫作品。為了簡化本文的目的,我將只使用維基百科作為來源。
這篇文章包括幾張關於大火在四天內蔓延的地圖,一些關於大火的當代繪畫作品等等。我決定只創建兩個集合,並通過在“應用程序”下選擇“倫敦大火”來使它們可用於我的地圖:
- 圖片:倫敦大火
- 地圖:倫敦大火
現在,我們將向每個集合添加一些興趣點。每個地點都會在地圖上添加一個圖釘,選擇圖釘將顯示一張包含其他內容的卡片,包括文本和圖像。
我將從維基百科文章中找到的第一幅繪畫開始,這幅畫顯示了從泰晤士河上的塔碼頭附近看到的第三天大火的樣子,就在大火的東邊。我希望這幅畫在“圖片”集合中,所以我單擊它,然後單擊“新建地點標記”。一個圖釘被放置在地圖的中心,我將其拖到碼頭附近。
現在,我在右側面板中填寫表格,包括標題、副標題和圖像的 URL。我將標籤更改為“火災”,這會修改圖釘上的圖像。我預覽卡片,它顯示如下面的屏幕截圖所示。
右側面板中的下一個表單用於聯繫信息。這對於我們的用途來說並不是必需的,但我確實添加了維基百科文章的鏈接。
接下來,我們可以輸入描述,這是一段文本內容。我添加了維基百科中的圖像描述,並預覽了卡片。
下一個表單允許您微調圖釘的緯度和經度。我不確定繪畫的確切位置,所以保持原樣。
最後一個表單是一個 JSON 編輯器,它有點技術性,允許您直接編輯從表單輸入的數據。如果您不介意一點輕微的技術工作,可以通過添加 HTML 內容進一步自定義卡片。 WRLD 將很快發布關於如何實現此目標的視頻教程。
我使用相同的方法向地圖添加更多卡片,它開始成形:
- 圖片:魯德蓋特著火
- 圖片:倫敦大火紀念碑
- 圖片:第 3 天火災景象
- 地圖:第 1 天火災損失
- 地圖:第 2 天火災損失
- 地圖:第 3 天火災損失
我們快完成了。但在共享地圖之前,我們需要返回地圖設計器以使我們的興趣點可發現。
完成並共享您的自定義 3D 地圖
當我們返回地圖設計器時,我們會看到我們的地點集合被標記為包含。這不會自動顯示圖釘,但它確實讓我們可以訪問搜索中的項目。
我們可以通過自定義“查找菜單”來方便查找它們。這將允許我們的學生通過單擊自動搜索特定標籤的菜單項來快速查找地圖上的項目。
由於我們的地圖上只有幾個興趣點,我決定一次搜索應該找到所有興趣點,所以我返回地點設計器並將“火災”標籤添加到每個興趣點,然後返回。
我選中“自定義查找菜單”並添加一個新項目:“倫敦大火”。我將讓菜單項自動搜索標籤“火災”,並使用“火災”圖標表示該項目。同時,我刪除了 WRLD 自動添加的項目,並取消選中“在查找菜單中包含 Yelp 地點搜索結果”。
最後,地圖設計器還有一個 JSON 編輯器。
此處的一些快速編輯將通過首先無需手動進行搜索即可使我們的興趣點可見,從而使我們的地圖更有用。
- 首先,我將 perform_start_up_search 更改為“true”。
- 然後我將 start_up_search_tag 更改為“fire”。
現在,每當打開地圖時,WRLD 都會自動搜索標籤“fire”並將相應的圖像位置顯示為搜索結果。它還會在地圖上顯示匹配的圖釘。單擊搜索結果將滾動到興趣點並顯示卡片。 WRLD 指出,很快,用戶將無需編輯 JSON 即可進行這些更改。
最後,我們需要使地圖可供我們的學生使用。我們可以通過以下兩種方式來實現:共享指向地圖的可點擊鏈接,該鏈接將直接在瀏覽器中打開或將移動用戶定向到應用程序,或者將其作為 iframe 嵌入到我們的在線課程中。單擊“嵌入 Web 代碼”會顯示一個工具,允許您自定義嵌入地圖的大小。
WRLD 的地圖設計器允許您無需任何編程即可創建和共享有用的教育性 3D 地圖。學生可以探索您基於位置的內容並直觀地理解材料。
但請注意,編碼可以進一步增強我們的地圖。例如,我們可以添加多邊形以指示每天火災造成的損壞區域,使用傷亡統計數據或火災溫度顯示熱點,並且我們可以對建築物進行顏色編碼以指示它們何時開始燃燒。如果您想了解更多信息,請查看 Christopher Pitt 在 Web 頻道上關於 WRLD 的更技術性的系列文章。
關於互動歷史地圖的常見問題解答 (FAQ)
如何創建我自己的互動歷史地圖?
創建您自己的互動歷史地圖涉及幾個步驟。首先,您需要選擇一個支持互動地圖的平台。 WRLD 是一個流行的選擇,因為它具有用戶友好的界面和廣泛的功能。選擇平台後,您可以開始構建地圖,方法是添加位置、事件和其他歷史數據。您還可以自定義地圖的外觀和風格,使其更具吸引力和信息量。請記住定期測試您的地圖,以確保其正常運行並提供良好的用戶體驗。
我可以將互動歷史地圖用於教育目的嗎?
當然可以!互動歷史地圖是一種很棒的教育工具。它們可以幫助學生直觀地了解歷史事件並更好地理解其背景。教師可以使用這些地圖來創建引人入勝的課程並激發學生對歷史的興趣。他們還可以鼓勵學生創建自己的地圖作為項目,幫助他們發展研究和數字技能。
我可以在互動歷史地圖中包含哪些類型的數據?
您可以在互動歷史地圖中包含各種各樣的數據。這包括地理位置、歷史事件、時間線、圖像、視頻和文本描述。您還可以添加交互式元素,如彈出窗口、鏈接和導航按鈕,以使您的地圖更具吸引力和信息量。
我可以與他人共享我的互動歷史地圖嗎?
是的,您可以與他人共享您的互動歷史地圖。大多數平台都提供通過電子郵件、社交媒體共享地圖或將其嵌入網站的選項。這使得您可以輕鬆地與學生、同事或公眾共享您的作品。
如何使我的互動歷史地圖更具吸引力?
有幾種方法可以使您的互動歷史地圖更具吸引力。您可以使用醒目的視覺效果、添加交互式元素和包含豐富詳細的信息。您還可以使用講故事技巧來使您的地圖栩栩如生並使其更具吸引力。請記住牢記您的受眾,並根據他們的興趣和需求調整您的地圖。
我可以隨時更新我的互動歷史地圖嗎?
是的,您可以隨時更新您的互動歷史地圖。這是數字地圖的一大優勢。您可以根據需要添加新數據、修改現有信息和改進地圖的設計。這允許您的地圖隨著時間的推移而發展並保持相關性。
使用互動歷史地圖有哪些限制?
雖然互動歷史地圖有很多好處,但它們也有一些限制。例如,它們需要穩定的互聯網連接,並且可能無法在舊設備或瀏覽器上正常工作。它們還需要時間和精力來創建和維護。但是,好處通常超過這些限制,尤其是在教育和研究方面。
我可以將互動歷史地圖用於研究嗎?
是的,互動歷史地圖可以成為寶貴的研究工具。它們可以幫助您直觀地了解數據、識別模式和趨勢,並獲得對歷史事件的新見解。它們還可以使您的研究更容易被他人訪問和參與。
如何確保我的互動歷史地圖的準確性?
確保互動歷史地圖的準確性需要仔細的研究和數據驗證。您應該使用可靠的來源、交叉檢查信息並在可能的情況下提供參考。您還應該透明地說明數據中的任何不確定性或差距。
我可以與他人合作製作互動歷史地圖嗎?
是的,許多平台都支持在互動歷史地圖上進行協作。這使您可以與他人合作、分享想法並結合您的技能和知識。協作還可以使地圖製作過程更愉快和更有益。
以上是如何使用WRLD構建互動歷史圖的詳細內容。更多資訊請關注PHP中文網其他相關文章!

定制电信软件开发无疑是一项相当大的投资。然而,从长远来看,您可能会意识到,这样的项目可能更具成本效益,因为它可以像市场上任何现成的解决方案一样提高您的生产力。了解构建定制电信系统的最重要优势。 获取您所需的确切功能 您可以购买的现成电信软件有两个潜在问题。有些缺乏可能显著改善您工作效率的有用功能。有时您可以通过一些外部集成来增强它们,但这并不总是足以使它们变得出色。 其他软件功能过多,使用起来过于复杂。您可能不会使用其中的一些(永远不会!)。大量的功能通常还会增加价格。 基于您的需求

Arm64 架構開源軟件的 CI/CD 難題與解決方案 在 Arm64 架構上部署開源軟件需要一個強大的 CI/CD 環境。然而,Arm64 和傳統 x86 處理器架構的支持水平之間存在差異,Arm64 通常處於劣勢。面向多種架構的基礎設施組件開發人員對工作環境有一定的期望: 一致性:跨平台使用的工具和方法保持一致,避免因採用不太流行的平台而需要改變開發流程。 性能:平台和支持機制具有良好的性能,確保在支持多個平台時部署方案不會因速度不足而受影響。 測試覆蓋率:對所有平台同時進行效率、合規性和

與這些頂級開發人員新聞通訊有關最新技術趨勢的了解! 這個精選的清單為每個人提供了一些東西,從AI愛好者到經驗豐富的後端和前端開發人員。 選擇您的收藏夾並節省時間搜索REL

該教程通過使用AWS服務來指導您通過構建無服務器圖像處理管道。 我們將創建一個部署在ECS Fargate群集上的next.js前端,與API網關,Lambda函數,S3桶和DynamoDB進行交互。 Th

該試點程序是CNCF(雲本機計算基礎),安培計算,Equinix金屬和驅動的合作,簡化了CNCF GitHub項目的ARM64 CI/CD。 該計劃解決了安全問題和績效


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

Dreamweaver Mac版
視覺化網頁開發工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

WebStorm Mac版
好用的JavaScript開發工具