アプリマーケット

HOMEアプリマーケットOpenStreetMapの表示(Leaflet利用)【スケールの追加】

OpenStreetMapの表示(Leaflet利用)【スケールの追加】

いいね! 0
OpenStreetMapの地図データを,leafletを使って全画面表示させました。
今回は,地図の左下にスケールを追加しています。
【OpenStreetMap】https://openstreetmap.jp/
【Leaflet】https://leafletjs.com/

L.control.scale({ imperial:false,maxWidth: 300 }).addTo(map);の{}内を修正することにより,スケールの表示方法を変更することができます。
imperial:false・・・mi/ftを非表示
metric:false・・・m/kmを非表示
maxWidth・・・スケール幅の変更

HTML

index.html

CSS

JavaScript

サンプルデータ

関連データセット

関連アイデア

アプリ作成者
wataru6004
実行回数
ライセンス
権利放棄(データはOpenStreetMapの利用規約によります。)
更新日
2022年4月11日 15時9分