アレックス・トレベックを偲ぶ地図トリビアゲーム

世界の国々を識別する楽しいゲームで、あなたの地理の知識をテストしてください

‍

アレックス・トレベックを偲び、地理認識週間を祝うために、皆様が世界の地理に関する知識を試すことができる楽しい地図トリビアゲームを作成しました。

Mapboxは、アレックス・トレベックの地理に対する情熱に共鳴し、地図が楽しく有益であれば、そのトピックに対する私たちの視点を変えることができると信じています。私たちのデジタルによる国当てクイズの再構築が、すべての人にとって楽しいものになることを願っています。そして、人間の知識のオープンデータベースであるWikidataから得られた、各主権国家と領土について表示する重要な事実と旗が、アレックスが予測したように、世界をより小さく、よりつながりのあるものに感じさせることを願っています。 

「世界は絡み合っており、ますます小さくなっています。現在、世界の大きさは携帯電話くらいの大きさです。」

— Alex Trebek

これを作成した方法については、こちらをお読みになり、クイズに挑戦し、@Mapboxでスコアをツイートしてください。

これが私たちの構築方法

この地図トリビアゲームは、さまざまな Mapbox タイルセット、Mapbox API、およびオープンデータセットを活用して、高度にインタラクティブなWeb地図体験を提供します。

Mapbox Studioとタイルセット

国のアウトラインのためのMapbox Countries：Mapbox Countriesタイルセットの高解像度な国のポリゴンを使用して、対象となるすべての国のアウトラインを作成します。すべてのトリビアラウンドで、対象のISO 3166-1コードを使用するGL式が適用され、対象の国に合わせてベースマップを選択的にマスクします。

ユーザーの検出された国ロケーションは、実行時にMapbox Countriesタイルセットのワールドビューフィルターを自動的に設定するために使用され、係争地域における国際的な境界線の適切な描写を保証します。

ベースマップのMapbox Satellite：鮮やかなMapbox Satelliteベースマップが背景として使用され、すべての国を定義する独特の地理的形状を強調しています。

オーバーレイラベルのMapbox Streets：Mapbox Studio スタイルコンポーネントを使用して、場所、自然の地形、および関心のあるポイントのオーバーレイラベルをすばやく追加し、Mapbox Streetsタイルセットから選択した国に関する追加のコンテキストをユーザーに提供しました。すべてのトリビアラウンドで、対象のISO 3166-1コードを使用するGL式が実行時にこれらのレイヤーに適用され、検出されたユーザー言語がマップラベルに使用される言語を設定するために使用されます。

Mapbox GL-JS + オープンソースツール

地図とインターフェースのローカリゼーション： すべての訪問者は、FreeGeoIP APIを介してIPアドレスを使用して瞬時に地理位置情報が特定され、出身国が検出されます。この情報は、`navigator.language`変数を使用してユーザーのブラウザから検出された言語設定とともに、紛争のある境界線、クイズや地図に使用される言語をカスタマイズするために使用されます。

フロントエンド： ユーザーインターフェースは、リアクティブなWebアプリケーションを作成するためのオープンソースのJavaScriptフレームワークであるSvelteでコーディングされています。Svelteを使用すると、動的なMapbox GL-JSマップ、クイズのさまざまなhtmlインターフェース要素、およびWikidataへのバックエンドリクエスト間の接続を簡単に管理して、応答性の高いユーザーエクスペリエンスを実現できます。

オープンデータ

国の事実

すべての国について、追加のメタデータと事実は、Wikidataのクラウドソーシングされた知識データベースからWikidata Query Serviceを使用してライブでクエリされます。

これには、国名、国旗、国歌、公用語、首都に関する情報が含まれており、ユーザーの検出された言語でリクエストされ、ユーザーにローカライズされたユーザーエクスペリエンスを可能にします。不足している情報は、Wikidataに直接提供して、クイズで更新できます。

‍

Geography Awareness Week と GIS Day を祝うためのより多くの方法をお探しですか？私たちがお手伝いします！ワークショップ資料、ゲストスピーカーなどについては、Community チームにご連絡ください：https://www.mapbox.com/community/