![[kaneko lab.]](https://www.kkaneko.jp/info/logo_png.png){kind=logo}
Web ブラウザで動くインタラクティブ、ダイナミックな地図を作る
【概要】本ページでは、Webブラウザ上で動作するインタラクティブな地図の作成方法を解説する。クリッカブル地図、Google ストリートビュー、OpenStreetMap、SpatiaLite、高さマップなど、各種地図技術の活用方法とデータのダウンロード手順を紹介する。
【目次】
クリッカブル地図（マーカーなどが付いた地図）
Google ストリートビューへのリンク
SpatiaLite 活用
OpenStreetMap 活用
OpenStreetMap データダウンロード
- OpenStreetMap のデータ（少量）のダウンロード: YouTube 動画: https://www.youtube.com/watch?v=MPxDfHo49s0
- Mapbox を使ってみる
Mapbox は、地図サービス、ソフトウェア開発キット、OpenStreetMap のデータから作られたタイルマップ、自前のタイルマップをサーバにアップロードできるサービスである。
- Python の overpass を用いて OpenStreetMap のデータをダウンロード
- Python の overpy を用いて OpenStreetMap のデータをダウンロード
- SpatiaLite を使ってみる
高さマップ
- terrain.party から高さマップ（height map）の png ファイルをダウンロード、
[PDF]、 [ワード]
キーワード: 高さマップ（Height map）、ASTER 30m、SRTM3 v4.1、SRTM30 Plus、png、ダウンロード
- 国土地理院標高タイルの数値データのダウンロードと画像表示、
[PDF]、 [ワード]
キーワード: 地図タイル、標高タイル、国土地理院タイル地図、国土地理院標高タイル、高さマップ（Height map）、ダウンロード
- Python の pypng パッケージのインストール手順
キーワード: Python、png