WordPressのblogにLeafletプラグインを使って国土地理院の地図を貼り付ける方法を試した。

基本的なLeafletプラグインの記述については、昨日のblogエントリを参照のこと。
→ WordPressのblogにLeafletプラグインを使ってOpenStreetMapの地図を貼り付ける方法を試した

例えば、次のように1行だけblogに記述すれば地図が埋め込まれて表示される。標準地図の地図タイルデータだ。
[leaflet-map height=480 address=”名古屋駅” zoom=14 zoomcontrol=1 attribution=”地理院タイル” tileurl=”https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png”]

(Google Mapsに比べると、ちょっと表示されるのに時間が掛かったりする。)

ちょうど今月号(2019年4月号)のインターフェース誌が国土地理院の地図などの特集をしている。

Interface(インターフェース) 2019年 04 月号

航空写真の場合、次のようにすればよい。このデータだけ末尾がjpgなので注意。
[leaflet-map height=480 address=”名古屋駅” zoom=14 zoomcontrol=1 attribution=”地理院タイル” tileurl=”https://cyberjapandata.gsi.go.jp/xyz/seamlessphoto/{z}/{x}/{y}.jpg”]

—
その他、
paleと指定すれば、淡色地図。
[leaflet-map height=480 address=”名古屋駅” zoom=14 zoomcontrol=1 attribution=”地理院タイル” tileurl=”https://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png”]

—
blankと指定すれば、白地図。
[leaflet-map height=480 address=”名古屋駅” zoom=10 zoomcontrol=1 attribution=”地理院タイル” tileurl=”https://cyberjapandata.gsi.go.jp/xyz/blank/{z}/{x}/{y}.png”]

—
reliefと指定すれば、色別標高図。
[leaflet-map height=480 address=”名古屋駅” zoom=10 zoomcontrol=1 attribution=”地理院タイル” tileurl=”https://cyberjapandata.gsi.go.jp/xyz/relief/{z}/{x}/{y}.png”]

—
地図上に地図マーカーを表示したり、図形を描画したりする方法については、昨日のblogエントリの後半を参照のこと。