ホームページ >テクノロジー周辺機器 >IT業界 >WRLDとのインタラクティブな履歴マップを構築する方法

WRLDとのインタラクティブな履歴マップを構築する方法

Joseph Gordon-Levitt
Joseph Gordon-Levittオリジナル
2025-02-16 12:52:10285ブラウズ

WRLD:プログラミングスキルなしで魅力的な3Dインタラクティブマップを作成

コアポイント:

  • WRLDは、教育者や学生に最適なカスタム3Dマップを作成するためのユーザーフレンドリーなプラットフォームを提供します。ユーザーは、ロケーション、トピック、興味のあるポイントを選択して、ロケーションベースのコンテンツを追加できます。
  • WRLDのマップ設計ツールはプログラミングスキルを必要とせず、すべてのユーザーが簡単に使用できます。ユーザーは、マップを簡単に閲覧したり、初期ビューを定義したり、トピックを選択したり、興味のあるポイントを追加したりできます。
  • ロケーション設計ツールは、マップに興味のあるポイントを整理して追加するために使用されます。追加された各ロケーションには、テキストや画像を含む追加のコンテンツを含むカードが表示されます。
  • WRLDのマップ設計ツールを使用すると、ユーザーは3Dマップを簡単に共有できます。マップは、クリック可能なリンクを介して共有したり、iframesとしてオンラインコースに埋め込まれたりできます。

(この記事はWRLDと協力して作成されました。SitePointを可能にしてくれたパートナーへのサポートに感謝します。)

私が今説明したのはWRLDです。開発者にとっては素晴らしいことですが、同社のオンラインマップデザインツール(「すべての人向けのマップツール」)は、プログラミングスキルを持っていない人のための強力なカスタムマップを作成するための扉を開きます。 How to Build an Interactive History Map with WRLD

WRLDは、多くのプログラミングなしでクラウドベースのマップツールでカスタム3Dマップを設計および管理するように招待し、最新のWebおよびモバイルアプリケーション用に最適化されています。

Googleマップとは異なり、WRLDは完全に3Dです。これにより、現代のゲームに精通している人は誰でもとても快適に感じます。また、WRLDはプライバシー、制御、および開発者のスケーラビリティを優先します。これは、すべての条件を満たす製品です。教師はどのようにそれを使用しますか?

WRLD

を使用してカスタム3Dマップを作成します

アイデアは次のとおりです。WRLDは、地球の完全な3Dマップを提供します。教えている場所を選択し、適切なトピックを選択し、興味のあるポイントを追加し、ロケーションベースのコンテンツを伝えるカードを作成できます。その後、Webブラウザまたはモバイルアプリで開くマップリンクを共有し、Webページに埋め込み、独自のオンライン学習ソフトウェアに含めることもできます。

私たちの目標は、最も賢い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マップをどのように作成しますか?ロンドンの火災に関する地図を作成して、お見せします。こちらのWebブラウザで表示するか、以下の埋め込みコンテンツを閲覧できます。

マップデザイナー:プログラミングなしで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年に起こったので、明らかに写真はありませんが、驚くべき数の絵画があります。この記事の目的のために、私はWikipediaをソースとしてのみ使用します。

この記事には、4日間の火災の広がりに関するいくつかの地図、火に関する現代の絵画などが含まれています。 「アプリケーション」の下で「ロンドンファイア」を選択して、2つのコレクションを作成し、マップで利用できるようにすることにしました。

    写真:ロンドン火災
  • マップ:ロンドン火災

How to Build an Interactive History Map with WRLD

次に、各コレクションに興味のあるポイントを追加します。各場所はマップにピンを追加し、ピンを選択すると、テキストや画像などの追加コンテンツがあるカードが表示されます。

ウィキペディアの記事で見つけた最初の絵画から始めます。これは、火のすぐ東にあるテムズの塔の桟橋の近くで見られる3日目の火の外観を示しています。この絵が写真コレクションに入ってほしいので、クリックしてから[新しい位置マーク]をクリックします。プッシュピンがマップの中央に配置され、ドックの近くでドラッグしました。

How to Build an Interactive History Map with WRLD

次に、画像のタイトル、サブタイトル、URLなど、右パネルのフォームに記入します。ラベルを「Fire」に変更しました。これにより、ピンの画像が変更されました。カードをプレビューすると、以下のスクリーンショットに示されているように表示されます。

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はまもなくこれを達成する方法に関するビデオチュートリアルをリリースします。

同じ方法を使用してマップにカードを追加すると、形になり始めました:

  • 写真:rudgate on fire
  • 写真:ロンドンの火災記念碑
  • 写真: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

最後に、生徒がマップを利用できるようにする必要があります。これを2つの方法で行うことができます。ブラウザまたはモバイルユーザーをアプリケーションに直接開くマップへのクリック可能なリンクを共有するか、オンラインコースにiframeとして埋め込みます。埋め込まれたWebコードをクリックすると、埋め込まれたマップのサイズをカスタマイズできるツールが表示されます。

How to Build an Interactive History Map with WRLD

WRLDのマップデザイナーを使用すると、プログラミングなしで有用な教育3Dマップを作成および共有できます。学生はあなたの位置ベースのコンテンツを探索し、素材を直感的に理解することができます。

しかし、コーディングはマップをさらに強化できることに注意してください。たとえば、ポリゴンを追加して、毎日火災によって引き起こされる損傷の領域を示すことができ、犠牲者の統計や火温の温度を使用してホットスポットを表示できます。また、燃え始める時期を示すために建物を色コードすることができます。詳細を知りたい場合は、WRLDに関するWebチャンネルでクリストファーピットのよりテクニカルシリーズをチェックしてください。

インタラクティブ履歴マップ(FAQ)

に関する

FAQ

独自のインタラクティブな履歴マップを作成する方法は?

独自のインタラクティブな履歴マップを作成するには、いくつかのステップが含まれます。まず、インタラクティブマップをサポートするプラットフォームを選択する必要があります。 WRLDは、ユーザーフレンドリーなインターフェイスと幅広い機能のため、人気のある選択肢です。プラットフォームを選択したら、場所、イベント、その他の履歴データを追加してマップの構築を開始できます。また、マップの外観とスタイルをカスタマイズして、より魅力的で有益なものにすることもできます。マップが正常に機能することを確認し、優れたユーザーエクスペリエンスを提供するために、マップを定期的にテストすることを忘れないでください。

教育目的でインタラクティブな履歴マップを使用できますか?

もちろん

!インタラクティブな歴史マップは、優れた教育ツールです。彼らは、学生が歴史的出来事を直感的に理解し、彼らの文脈をよりよく理解するのを助けることができます。教師はこれらのマップを使用して、魅力的なコースを作成し、歴史に対する学生の関心を刺激することができます。また、学生が研究やデジタルスキルの開発に役立つプロジェクトとして独自のマップを作成することを奨励することができます。

インタラクティブ履歴マップにどのようなデータを含めることができますか?

インタラクティブ履歴マップにさまざまなデータを含めることができます。これには、地理的な場所、歴史的な出来事、タイムライン、画像、ビデオ、テキストの説明が含まれます。また、ポップアップ、リンク、ナビゲーションボタンなどのインタラクティブな要素を追加して、マップをより魅力的で有益なものにすることもできます。

インタラクティブな歴史マップを他の人と共有できますか?

はい、インタラクティブな履歴マップを他の人と共有できます。ほとんどのプラットフォームは、電子メール、ソーシャルメディアを介してマップを共有するか、ウェブサイトに埋め込むオプションを提供します。これにより、学生、同僚、または一般の人々と仕事を簡単に共有できます。

私のインタラクティブな履歴マップをより魅力的にする方法は?

インタラクティブな履歴マップをより魅力的にする方法はいくつかあります。目を引くビジュアルを使用し、インタラクティブな要素を追加し、リッチで詳細な情報を含めることができます。ストーリーテリングのテクニックを使用して、マップを実現し、より魅力的にすることもできます。視聴者を念頭に置いて、彼らの興味やニーズに合わせて地図を調整することを忘れないでください。

インタラクティブな履歴マップをいつでも更新できますか?

はい、インタラクティブな履歴マップをいつでも更新できます。これは、デジタルマップの大きな利点です。新しいデータを追加し、既存の情報を変更し、必要に応じてマップの設計を改善できます。これにより、マップは時間の経過とともに進化し、関連性を維持できます。

インタラクティブ履歴マップの使用に関する制限は何ですか?

インタラクティブな履歴マップには多くの利点がありますが、いくつかの制限もあります。たとえば、安定したインターネット接続が必要であり、古いデバイスやブラウザでは適切に動作しない場合があります。また、作成と維持に時間と労力が必要です。ただし、特に教育と研究において、利点はこれらの制限をしばしば上回ります。

研究にインタラクティブな履歴マップを使用できますか?

はい、インタラクティブな履歴マップは貴重な研究ツールになる可能性があります。彼らは、データを直感的に理解し、パターンと傾向を特定し、歴史的な出来事に関する新しい洞察を得るのに役立ちます。彼らはまた、あなたの研究を他の人が訪問し、関与させやすくすることができます。

インタラクティブな履歴マップの精度を確保する方法は?

インタラクティブな履歴マップの精度を確保するには、慎重な研究とデータ検証が必要です。信頼できるソースを使用し、情報をクロスチェックし、可能であれば参照を提供する必要があります。また、データの不確実性やギャップについても透明である必要があります。

他の人と協力してインタラクティブな歴史マップを作成できますか?

はい、多くのプラットフォームは、インタラクティブな履歴マップに関するコラボレーションをサポートしています。これにより、他の人と協力し、アイデアを共有し、スキルと知識を組み合わせることができます。コラボレーションは、マップをより楽しく有益なものにするマップを作成することもできます。

以上がWRLDとのインタラクティブな履歴マップを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。