mapxgl

前準備

Python のインストール（Windows上）

注：既にPython（バージョン3.12を推奨）がインストール済みの場合は，この手順は不要である．

winget（Windowsパッケージマネージャー）を使用してインストールを行う

Windowsで，コマンドプロンプトを管理者権限で起動する（例：Windowsキーを押し，「cmd」と入力し，「管理者として実行」を選択）
winget（Windowsパッケージマネージャー）が利用可能か確認する：
winget --version
Pythonのインストール（下のコマンドにより Python 3.12 がインストールされる）．
winget install --scope machine Python.Launcher winget install --scope machine Python.Python.3.12

【関連する外部サイト】

Python公式サイト：https://www.python.org/

【サイト内の関連ページ】

Python詳細ガイド：Pythonまとめ »

Build Tools for Visual Studio 2022 （ビルドツール for Visual Studio 2022）または Visual Studio 2022 のインストール（Windows 上）

【インストールの判断】 Build Tools for Visual Studio は，開発ツールセットである． Visual Studio は統合開発環境であり，いくつかの種類があり，Build Tools for Visual Studioの機能を含むか連携して使用するものである．インストールは以下の基準で判断してください：

Build Tools for Visual Studio の機能のみが必要な場合
Build Tools for Visual Studio のインストールを行う．
Visual Studio の機能が必要である，あるいは，よく分からない場合
Visual Studio をインストールする．
Visual Studio 2022 をインストールする際に，「C++ によるデスクトップ開発」を選択することで， Build Tools for Visual Studio 2022 の機能も一緒にインストールされる．

不明な点がある場合は，Visual Studio 全体をインストールを行う方が良い．

Build Tools for Visual Studio 2022 のインストール（Windows 上）

Windows で，コマンドプロンプトを管理者権限で起動する（例：Windowsキーを押し，「cmd」と入力し，「管理者として実行」を選択）
次のコマンドを実行
次のコマンドは，Build Tools for Visual Studio 2022と VC2015 再配布可能パッケージをインストールするものである．
winget install --scope machine Microsoft.VisualStudio.2022.BuildTools winget install --scope machine Microsoft.VCRedist.2015+.x64
Build Tools for Visual Studio 2022 での C++ によるデスクトップ開発，CLI，ATL，MFC のインストール（Windows 上）
1. Visual Studio Installer の起動
  起動方法: スタートメニューの「Visual Studio Installer」を選ぶ．
2. Visual Studio Build Tools 2022 で「変更」を選ぶ．
3. 「C++ によるデスクトップ開発」をクリック．そして，画面右側の「インストール」の詳細で「v143 ビルドツール用 C++/CLI サポート（最新）」，「ATL」，「MFC」をチェックする．その後，「変更」をクリック．

Visual Studio のインストール（Windows 上）

Windows で，コマンドプロンプトを管理者権限で起動する（例：Windowsキーを押し，「cmd」と入力し，「管理者として実行」を選択）
次のコマンドを実行
1. コマンドプロンプトを管理者権限で起動する（例：Windowsキーを押し，「cmd」と入力し，「管理者として実行」を選択）
2. インストールコマンドの実行
  winget install Microsoft.VisualStudio.2022.Community --scope machine --override "--add Microsoft.VisualStudio.Workload.NativeDesktop Microsoft.VisualStudio.ComponentGroup.NativeDesktop.Core Microsoft.VisualStudio.Component.VC.CLI.Support Microsoft.VisualStudio.Component.CoreEditor Microsoft.VisualStudio.Component.NuGet Microsoft.VisualStudio.Component.Roslyn.Compiler Microsoft.VisualStudio.Component.TextTemplating Microsoft.VisualStudio.Component.Windows.SDK.Latest Microsoft.VisualStudio.Component.VC.Tools.x86.x64 Microsoft.VisualStudio.Component.VC.ATL Microsoft.VisualStudio.Component.VC.ATLMFC" winget install Microsoft.VisualStudio.2022.Community --scope machine Microsoft.VCRedist.2015+.x64
  インストールされるコンポーネントの説明：
  - NativeDesktop：C++によるデスクトップアプリケーション開発のためのワークロード一式
  - NativeDesktop.Core：C++デスクトップ開発に必要な基本コンポーネント群
  - VC.CLI.Support：マネージドコードとネイティブコードの統合開発を可能にするC++/CLIサポート
  - CoreEditor：コード編集，デバッグ，検索などの基本機能を提供するVisual Studioのコアエディタ
  - NuGet：.NETライブラリの依存関係を管理するパッケージ管理システム
  - Windows.SDK.Latest：Windows 向けアプリケーション開発用SDK（Software Development Kit）
  - VC.Tools.x86.x64：32ビット及び64ビット向けC++コンパイラとビルドツール
  - VC.ATL：Windowsコンポーネント開発用のActive Template Library
  - VC.ATLMFC：デスクトップアプリケーション開発用のMicrosoft Foundation Class Library
  システム要件と注意事項：
  - 管理者権限でのインストールが必須
  - 必要ディスク容量：10GB以上
  - 推奨メモリ：8GB以上のRAM
  - インストール過程でシステムの再起動が要求される可能性がある
  - 安定したインターネット接続環境が必要
  追加のコンポーネントが必要な場合は，Visual Studio Installerを使用して個別にインストールすることが可能である．
3. インストール完了の確認
  winget list Microsoft.VisualStudio.2022.Community
  トラブルシューティング：
  
  インストール失敗時は，以下のログファイルを確認：
  %TEMP%\dd_setup_<timestamp>.log %TEMP%\dd_bootstrapper_<timestamp>.log
Visual Studio での C++ によるデスクトップ開発，CLI のインストール（Windows 上）
1. Visual Studio Installer の起動
  起動方法: スタートメニューの「Visual Studio Installer」を選ぶ．
2. Visual Studio Community 2022 で「変更」を選ぶ．
3. 「C++ によるデスクトップ開発」をチェック．そして，画面右側の「インストール」の詳細で「v143 ビルドツール用 C++/CLI サポート（最新）」をチェックする．その後，「インストール」をクリック．

必要なPythonライブラリのインストール（Windows上）

Windowsで，コマンドプロンプトを管理者権限で起動する（例：Windowsキーを押し，「cmd」と入力し，「管理者として実行」を選択）
以下のコマンドを実行し，必要なライブラリをインストールする．
pip install -U pandas folium pip install -U mapboxgl

GitHub の mapbox/mapboxgl-jupyter

GitHub の mapbox/mapboxgl-jupyter をインストールする場合には次の手順．

python -m pip install -U pip
pip install git+https://github.com/mapbox/mapboxgl-jupyter

Google Map を用いて緯度経度を調べてみる

あとでデータをダウンロードするときのために，Google Map を使って緯度・経度を調べてみる

Google Map を開く
https://www.google.co.jp/maps
Google Map で好きな場所に移動する
右クリックして，「この場所について」を選ぶ
緯度，経度が表示されるので，メモしておく

Python を用いて OpenStreetMap のデータをダウンロード

Python プログラムの実行

Windows では python （Python ランチャーは py）
Ubuntu では python3

【サイト内の関連ページ】 Python のまとめ: 別ページ »

Python で，ダウンロードしたい地図の緯度と経度の設定

次の Python プログラムを実行

*さきほど調べた緯度と経度

（実行例）

import overpass
lat = 34.4461
lon = 133.2315
api = overpass.API()
map_query = overpass.MapQuery(lat - 0.001, lon - 0.001, lat + 0.001, lon + 0.001)
response = api.Get(map_query)

結果である response オブジェクトの確認
GeoJSON 形式のデータになっていることを確認
print(response)
欲しいデータのタイプの設定
OpenStreetMapの「ライン」のデータのうち，「highway」であるようなデータが欲しいとする． OpenStreetMap には，ポイントやラインやエリアには，「highway」のようなタグ付いている．
次の Python プログラムを実行
書きかけ
「ライン」のデータの確認
- ラインが線分のとき：　端のポイントが２個
- ラインが折れ線のとき：　端のポイントが２個で，途中のポイントがある
次の Python プログラムを実行
書きかけ
- 表示の１行：　１個の「ライン」オブジェクト
- 各行の nodes = [] の中身：　端のポイントや途中のポイントのＩＤ
「ノード」のデータの確認
次の Python プログラムを実行
書きかけ
- 表示の１行：　１個の「ポイント」オブジェクト
- 各行の中身：　ＩＤ，緯度，経度

まとめ

ラインのデータ：　ポイントのＩＤが２個以降並んでいる
ポイントのデータ：　ＩＤ，緯度，経度

Python で Mapbox 地図プログラムの作成

次の Python プログラムを実行
import os print(os.getcwd())
上で作成手順を示した 1.html の「accessToken=...;」のところをコピーして、IPython シェルで実行

「IPython シェル」で次を実行

import pandas as pd
import folium
lat, lon = 34.4586, 133.2295
zoom_start = 14
webfile_name = "d.html"

m = folium.Map(tiles='Mapbox Bright', location=[lat, lon], zoom_start=zoom_start, API_key=accessToken)
m.save(webfile_name)

d.html ファイルができるので Web ブラウザで開いてみる．地図が表示されれば OK．
c.html ファイルができるので Web ブラウザで開いてみる
マーカーをクリックすると、情報が表示される