マガジンのカバー画像

IT・プログラミング

4
運営しているクリエイター

#maplibre

マイマップに地質図を追加

マイマップに地質図を追加

前回のブログでマイマップの鉄道・高速道路のレイヤーにホバー効果を追加したことを報告しました.もう一つ大きな追加機能があります.「地質図」です!!むしろ,こっちの方がマイマップのオリジナリティ的に大事!!ぜひとも触ってみてください.

シームレス地質図産総研の「20万分の1日本シームレス地質図」を利用しています.この地質図の凄いところは,クリックした地点の岩相や形成年代をポップアップで表示できる点で

もっとみる
マイマップにホバー効果を追加

マイマップにホバー効果を追加

前回作ったMaplibre GL JSのマイマップにホバー効果を追加しました.少し難しかったため,ブログ上でやり方を整理しました.触ってみたい方は

githubのリンクに飛んでください.

ホバー効果 (hover effect) とは?ホバー効果は,マウスを線・面の上に重ねたときに,線と面の範囲を分かりやすく表示する機能です.次の例では,中央線の上にカーソルを乗せたときにホバー効果です.中央線

もっとみる
百名山の位置と登山記録を可視化

百名山の位置と登山記録を可視化

完成した地図地図1:

地図2:

どうやって地図を作る?MapLibre GL JS(地図ライブラリ)

GPS情報付きの写真(スマホで撮影)

トラックデータ(10分おきの位置情報,ジオグラフィカというスマホアプリで記録&出力)

MapLibre GL JSというブラウザ上で機能するライブラリを選んだ理由を簡単にまとめます.候補は

Python or Rなどで画像ファイルとして地図を作る

もっとみる