Leaflet #038 – レイヤの画面連動

By | 2017年8月25日

 

Leafletでレイヤの画面連動を実装するには、「Leaflet.Sync」と言うプラグインを利用すると便利です。
※Leafletのバージョンは1.0.0以上を利用する必要があります。

 

index.html

 

stylesheet.css

 

script.js

 

index.htmlを実行すると下記のようにブラウザで表示されます。

example

 

Map分のdivタグを作成:

 

Mapのレイアウトを作成:

 

Mapをそれぞれ宣言:

 

Mapを連動:
カーソルON:

 
 

レイヤの画面連動を実装したい時に便利なプラグインです。2画面以上の連動も可能です。