まえがき ひょっとしたら世の中的にはそこそこニーズがあるかもしれないお話。 要望 たとえば、ある町で食べられるグルメ情報をピン等で可視化した地図を Leaflet.js で作成したとする。 ただ、掲載している情報の都合上、その町以外の場所を地図に表示させたくない。 この要望を満たすためにはどうしたらいいか? サンプルその1 「地図を動かしたら強制的に指定した位置に戻す」処理の実装 ということで、要望を満たす地図の挙動として、地図を動かすことで強制的に指定した座標に戻すようにしてみる。 コードとしてはこんな感じ。(サンプルその1・ソース) // 地図の中心緯度経度初期値 var mapInitLatLng = [ 43.10379, 141.53621 ]; // 地図を定義 var mymap = L.map('map', { maxZoom: 24, minZoom: 10, }).se