数千のポイントをTilingして州をワクチン接種

見出し

これはレイアウト確認用のダミーテキストです。

Vaccinate The Statesは、Vaccines.govのような公式ソースを集約し、ウェブサイトやソーシャルメディアで情報を収集し、ワクチン接種サイトに直接電話をかけることで、米国で最も包括的なワクチン接種サイトのリストを作成しています。この非営利のコミュニティ主導の取り組みは、すでに米国の他のどのソースよりも40%多くのサイトをマッピングしています。この地図は、地方の保健当局やキャンペーンにとって、公平なアクセスを確保し、危機の影響を最も受けている歴史的に恵まれないコミュニティに到達するために非常に重要です。

Vaccinate The Statesは、開発者、デザイナー、および非技術系ユーザーが利用できるよう、さまざまな形式で情報を提供しています。データは、API経由のGeoJSONデータ埋め込み可能な地図アラメダ郡のワクチンガイダンスサイトなどのWebサイトで使用)、およびスタイルやアプリで使用するためのMapboxタイルセットとして配布されています。

「Mapboxの使用は、Vaccinate The Statesが全国規模で活動するために不可欠でした。COVID-19パンデミックとの戦いにおいて、本番環境に対応した地理空間インフラストラクチャにMapbox Tile Serviceを使用することで、数百時間もの重要なエンジニアリング時間を節約できました。70,000以上のマーカーを1つのインタラクティブマップに配置することは、非常に困難なエンジニアリング上の課題ですが、それを完全にスキップすることができました。」
Mike Skalnik, Engineering Lead, Vaccinate The State

全米の数万のポイントの地図タイルを作成するために、Vaccinate the StatesはMapbox Tiling Service(MTS)を使用して、さまざまなズームレベルで機能を最適化しました。以下の手順に従って、その方法を学ぶか、これらの手順を使用して、完全に準備されたVaccinate The Statesマップを埋め込みます。

How Vaccinate The StatesがMTSを使用してデータを公開する方法

大規模で高密度なデータセットをタイル化する際の共通の課題は、各データタイルを500kの制限未満に保つことです。以下の手順では、レシピファイルで指定されたMTSタイルルールを使用して、データを2つのレイヤーに分割し、特定の属性に基づいてフィーチャを制限し不要な属性をフィルタリングしてタイルサイズを節約します。また、ズーム要素式を使用して、ズームレベル全体で異なる属性値を提供します。(多数のポイントをタイル化する別の方法の詳細については、このドキュメントを参照してください。)

MTSを使用してワクチン接種サイトデータのタイルを作成するには、まず州のデータをダウンロードします。この例では、カリフォルニアのデータを使用します。

以下のレシピを使用して、tilesets-cliでタイルセットを作成および公開します。レシピを実行する前に、tilesets-cliこのチュートリアルに従って構成されていることを確認してください。ユーザー名とトークンでtilesets-cliを更新し、次のコマンドを実行します。

tilesets upload-source username vial vaccines.geojson

tilesets create username.vaccinate --recipe recipe.json --name "vaccinate"

tilesets publish username.vaccinate

レシピ

{
  "version": 1,
  "layers": {
    "vialLow": {
      "source": "mapbox://tileset-source/username/vial",
      "minzoom": 0,
      "maxzoom": 5,
      "features": {
        "bbox": [-179.149, -14.549, 179.779, 71.367],
        "attributes": {
          "allowed_output": ["id", "name"],
          "zoom_element": ["hours", "public_notes", "appointment_details"]
        }
      },
      "tiles": {
        "limit": [["lowest_where_in_distance", true, 16384, "id"]]
      }
    },
    "vialHigh": {
      "source": "mapbox://tileset-source/username/vial",
      "minzoom": 6,
      "maxzoom": 10,
      "features": {
        "bbox": [-179.149, -14.549, 179.779, 71.367],
        "attributes": {
          "allowed_output": [
            "appointment_method",
            "appointment_details",
            "website",
            "phone_number",
            "address",
            "public_notes",
            "id",
            "name",
            "hours",
            "vaccinefinder_location_id",
            "vaccinespotter_location_id",
            "google_place_id"
          ],
          "zoom_element": ["hours", "public_notes", "appointment_details"]
        }
      },
      "tiles": {
        "limit": [["lowest_where", true, 2128, "id"]]
      }
    }
  }
}
ズームレベル全体に表示されるTilesetレイヤー

新しいタイルセット、またはcalltheshots.vaccinatethestatesにあるVaccinate The Statesの公開タイルセットを使用して、Mapbox Studioでスタイルを作成するか、GL JSでWeb地図を作成します。

Vaccinate The Statesは、より多くの支援を必要としています。クリニックへの電話やコードの作成を手伝うボランティアについて詳しく学んでください。私たちならできます!

これはレイアウト確認用のダミーテキストです。

これはレイアウト確認用のダミーテキストです。

関連記事