本書は、Foliumの基本的な使い方から高度なテクニックまでを網羅した実践ガイドです。豊富な図解とサンプルコードで、地図の作成、カスタマイズ、地理データの表示方法を分かりやすく解説します。地理空間データの可視化に役立つ様々なテクニックを習得し、データ分析の効率化を図りましょう。初心者から上級者まで、幅広いレベルの読者に対応した内容となっています。
【目次】
第1章 はじめに
第2章 Foliumについて
第3章 主要な形式の地図を表示する
第4章 地図タイルギャラリー
第5章 マップに地理空間情報を表示する
第6章 マップ上に画像や動画を重ねて表示する
第7章 時間軸や別次元を含む多次元情報を地図表示する
第8章 マップを活用するUIやレイアウトを設定する
第9章 JavaScriptやHTMLでカスタマイズする
第10章 さまざまな応用例
第11章 さいごに
目次プレビュー
- 電子書籍閲覧に関するご注意
- 目次
- 第1章 はじめに
-
2.1 Foliumをインストールする
-
2.2 Foliumでマップを作って表示する
-
3.1 Foliumで地図を表示してみる
-
3.2 地図（ラスタ）タイル
-
3.3 主要なラスタタイルの方式
-
3.4 XYZ方式の地図タイルを使う
-
3.5 インターネット上で公開されているXYZ方式の地図タイル
-
3.6 TMS方式の地図タイルを使う
-
3.7 WMTS方式の地図タイルを使う
-
3.8 ベクトルタイルを使う
-
3.9 ベースマップとオーバーレイレイヤーの使い分け
-
3.10 ベースマップ無しでオーバーレイレイヤーだけにする
-
5.1 標準マーカーを追加する
-
5.2 標準マーカーをカスタマイズする
-
5.3 マーカーを使って「矢印」マップを描く
-
5.4 円型マーカーを追加する
-
5.5 マーカーをグループに追加して表示・非常時を切り替える
-
5.6 マーカーにタグを付けて表示を切り替える
-
5.7 マーカーを密度に応じてまとめる
-
5.8 マーカーが膨大でも高速クラスタ処理を実現する
-
5.9 ラインを描く
-
5.10 ラインに各頂点の値に応じた色をつけて描く例
-
5.11 ラインに沿って文字を描く
-
5.12 地図の上で半径を指定した円を描く
-
5.13 長方形を描く
-
5.14 ポリゴンを描く
-
5.15 GeoJSONを表示する
-
5.16 GeoJSONをデータ加工して表示する
-
5.17 TopoJSONを表示する
-
5.18 コロプレスマップを表示する
-
5.19 ヒートマップを表示する
-
6.1 地図に画像を重ねて表示する
-
6.2 投影変換を行い画像をマップに重ねる
-
6.3 地図に動画を重ねて表示する
-
8.1 フルスクリーンモードに対応する
-
8.2 Jupyterで表示するマップの大きさを設定する
-
8.3 現在位置ボタンを追加する
-
8.4 地名を検索するバーを表示する
-
8.5 距離スケールを表示する
-
8.6 画像(方位マークなど)を固定表示する
-
8.7 指定した位置の緯度経度を表示する
-
8.8 クリックした場所の緯度経度をポップアップ表示する
-
8.9 クリックした場所の緯度経度をクリップボードにコピーする
-
8.10 クリック地点にマーカーを追加する
-
8.11 マップ上で距離や面積を計測する
-
8.12 マップ上で描いた図形をGeoJSONとしてファイル保存する
-
8.13 マウススクロールでのズーム倍率変更を止める
-
8.14 表示する緯度経度範囲を指定する
-
8.15 オーバーレイがある位置に自動で地図を移動する
-
8.16 レイヤーコントロールを階層的にする
-
8.17 縮小マップを表示する
-
8.18 複数の地図を並べて単独で眺める
-
8.19 ふたつのマップを並べて連動表示する
-
8.20 ふたつのマップを連続的に切り替えて表示する
-
9.1 Foliumがマップを表示する仕組み
-
9.2 独自のHTMLやJavaScriptをマップに「要素」として追加する
-
9.3 マーカーをマップにインタラクティブに埋め込む
-
9.4 サークルをマップ内に生成する
-
9.5 レイヤー透明度をインタラクティブに変える
-
9.6 移動経路をマップ上に記録する
-
9.7 移動経路をGeoJSONでダウンロードする
-
9.8 GeoJSONをアップロードしてマップ上に表示する
-
9.9 移動経路をGeoJSONで記録・表示する
-
9.10 ポップアップにMapbox GL JSを使い歴史地図を表示する
-
9.11 ポップアップにMapbox GL JSを使い3D地図を表示する
-
10.1 現在地図に過去航空写真を重ねて、透明度をインタラクティブに変える
-
10.2 江戸時代と明治時代の東京地図を現在に重ねる。
-
10.3 Sentinel-1 SAR画像を用いた洪水マッピング
-
10.4 地図タイルをリアルタイム加工して独自のタイルを作る
-
10.5 2D地図と3D地図を並べて表示する
-
10.6 地図上の各場所での統計データを円グラフで描く
-
10.7 風速マップを地図上に表示する
