dayjournal memo

Total 975 articles!!

Leaflet #043 - 移動できる範囲を指定

Yasunori Kirimoto's avatar

画像



移動できる範囲を指定するメモ。


L.mapのオプションとして指定。

OptionDescription
maxBounds範囲を指定


画像



script.js


//表示範囲設定 左上:右下
var bounds_all = [
    [35.6849, 139.7626],
    [35.6770, 139.7710]
];

//MAP読み込み
var map = L.map('map', {
    center: [lat, lng],
    zoom: 17,
    maxBounds: bounds_all,
    zoomControl: true,
    layers: [m_mono]
});



Leafletを手軽に始めるビルド環境公開しています。
leaflet-starter



book

Q&A