ハウツー
「〜するには」を最短で解決するレシピ集です。「これがしたい」といった目的ベースで読み進めることができます。なお、各レシピでは、特定のライブラリで対応していないものもあります。
レシピ
- マーカーを複数置くには
- 地図の見た目(スタイル)を切り替えるには
- クリックでポップアップを出すには
- 外部データ(GeoJSON)を地図に読み込むには
- 現在地を表示するには
- 全地点が画面に収まるように表示するには
- 地図のコントロールの表示を切り替えるには
- 地図の表示言語を切り替えるには
- ドラッグできるマーカーで座標を取得するには
応用(難しめ)
- 地図インスタンス(maps-core)に直接アクセスし、MapLibre GL JS の機能を利用するには
- 大量の点をクラスタリングするには
- 値に応じてエリアを色分けするには(コロプレス)
- ヒートマップで密度を可視化するには
- 建物や地形を3Dで表示するには
- 独自のデータソース(ベクトルタイル等)を追加するには
- ハザードマップを地図に重ねるには
- 住所で検索してその場所の地図を表示するには
- 地図を地球儀(グローブ)で表示するには
- JavaScript を使わずに HTML 属性のみで地図を設置するには(maps-suite)
CLI(コマンドライン)
地図を描くコードではなく、その手前の準備をコマンドラインから行うレシピです。詳しくは Geolonia CLI とは を参照してください。