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・・・スケール幅の変更
OpenStreetMapの表示(Leaflet利用)【スケールの追加】
いいね!
0