ルートに沿って、スクロールでカメラをぬるぬる移動させる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 あなたの画像が地図になります。３分で出来ます。 Amazonのロゴ画像で地図テンプレートを作った例 はじめに Mapbox は、直感的にデザインした独自の地図を、Webやアプリで使うことができる地図サービスです。 Mapbox の地図デザインは、通常 Mapbox St…

はじめに Mapboxには、ドキュメント類がとても充実しています。 ただ、英語でかつ様々なチャネルで広報がされているため、英語での検索に慣れてないと（特に初・中級者は）求めている情報に辿り着けません。 そこで今回、「とりあえずここから探そう」という…

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

TL;DR Mapbox APIの公式リファレンスを補足付きで要約した。 Mapbox APIを知れば、ラッパー（Mapbox GL JSなど）の理解に繋がる。 Mapbox APIは、４つの構成（地図、ナビ、検索、アカウント）に分かれる。 はじめに Mapboxは、機能やデザインを自由にカスタ…