ルートに沿って、スクロールでカメラをぬるぬる移動させる3DのScrollyTellingを実装しました。 実装では、タイトル通りMapbox GL JSのFreeCamera APIを利用しています。 FreeCamera API とは Mapbox GL JSがv1からv2にメジャーアップデートした際に追加され…

ポイントデータの3D地図表現が、Mapboxにあるようで無かったので作りました。 どんな時に使うの 棒グラフに地理情報を付けたい時に使えます。 例えば、「全国の展望台付きタワーの高さ」を比較する場合。 ↓ ↓ 比較する各地を、地図上に載せる時に使えます。 …

これは何の記事？（TL;DR） コロナの自粛期間で大気汚染物質（NO2）が減った地域を可視化しました。 デモページ 実装までのプロセスは、 Google Earth Engineで衛星データを取得・分析 -> Mapboxで可視化 といった流れです。 この記事では、この可視化までの…

TL;DR Interactive Storytelling は Mapbox が提供するストーリーマップのテンプレートである。 公式の Interactive Storytelling の入門記事に不足していた Mapbox Studio の説明を補足した。 この記事を使えば、Mapbox の事前知識なしでこんな感じのデモが…

データの前処理はいつだって大変です。 例えばこのデータ、何を表しているかわかりますか？ { "title": "こみっくがーるず", "place": "新宿三丁目前", "lng": "139.861979", "lat": "35.760790"} 作品のタイトル（title）と場所（place）、そして緯度経度（…