Leaflet｜マップの状態変化イベント一覧

マップの状態変化イベント一覧

イベント	実行タイミング
zoomlevelschange	レイヤーの追加もしくは削除によってズームレベルが変更された際に実行されます。
resize	マップのサイズが変更された際に実行されます。
unload	removeメソッドでマップが破棄された際に実行されます。
viewreset	マップがコンテンツを再描画（マップのズームやロード）する際に実行されます。
load	マップが初期化された際に実行されます。
zoomstart	マップのズームレベルが変更される直前に実行されます。
movestart	マップのドラッグなどで、表示が変更された際に実行されます。
zoom	ズームレベルの変更中に繰り返し実行されます。
move	マップの移動中に繰り返し実行されます。
zoomend	アニメーションの後、マップが変更された際に実行されます。
moveend	マップのドラッグが終わった場合など、マップの中心が変更されなくなった際に実行されます。

Demoを表示

詳細

zoomlevelschange

レイヤの追加や削除によって、マップ上のズームレベルが変更された際に実行されます。

引数

Event

コード

map.on('zoomlevelschange', function(e) {
  // e.type
  // e.target
  // e.sourceTarget
  // e.propagatedFrom
});

map.on('zoomlevelschange', function(e) {

// e.type

// e.target

// e.sourceTarget

// e.propagatedFrom

});

resize

マップのサイズが変更された際に実行されます。

引数
ResizeEvent

コード

map.on('resize', function(e) {
  // e.oldSize
  // e.newSize
});

map.on('resize', function(e) {

// e.oldSize

// e.newSize

});

unload

removeメソッドでマップが破棄された際に実行されます。

引数
Event

コード

map.on('unload', function(e) {
  // e.type
  // e.target
  // e.sourceTarget
  // e.propagatedFrom
});

map.on('unload', function(e) {

// e.type

// e.target

// e.sourceTarget

// e.propagatedFrom

});

viewreset

マップがコンテンツを再描画する際（マップのズームやロード時）に実行されます。

引数
Event

コード

map.on('viewreset', function(e) {
  // e.type
  // e.target
  // e.sourceTarget
  // e.propagatedFrom
});

map.on('viewreset', function(e) {

// e.type

// e.target

// e.sourceTarget

// e.propagatedFrom

});

load

マップが初期化された際に実行されます。

引数
Event

コード

map.on('load', function(e) {
  // e.type
  // e.target
  // e.sourceTarget
  // e.propagatedFrom
});

map.on('load', function(e) {

// e.type

// e.target

// e.sourceTarget

// e.propagatedFrom

});

zoomstart

マップのズームレベルが変更される直前に実行されます。

引数
Event

コード

map.on('zoomstart', function(e) {
  // e.type
  // e.target
  // e.sourceTarget
  // e.propagatedFrom
});

map.on('zoomstart', function(e) {

// e.type

// e.target

// e.sourceTarget

// e.propagatedFrom

});

zoom

ズームレベルの変更中に繰り返し実行されます。

引数
Event

コード

map.on('zoom', function(e) {
  // e.type
  // e.target
  // e.sourceTarget
  // e.propagatedFrom
});

map.on('zoom', function(e) {

// e.type

// e.target

// e.sourceTarget

// e.propagatedFrom

});

move

マップの移動中に繰り返し実行されます。

引数
Event

コード

map.on('move', function(e) {
  // e.type
  // e.target
  // e.sourceTarget
  // e.propagatedFrom
});

map.on('move', function(e) {

// e.type

// e.target

// e.sourceTarget

// e.propagatedFrom

});

zoomend

アニメーションの後、マップが変更された際に実行されます。

引数
Event

コード

map.on('zoomend', function(e) {
  // e.type
  // e.target
  // e.sourceTarget
  // e.propagatedFrom
});

map.on('zoomend', function(e) {

// e.type

// e.target

// e.sourceTarget

// e.propagatedFrom

});

moveend

マップのドラッグが終わった場合など、マップの中心が変更されなくなった際に実行されます。

引数
Event

コード

map.on('moveend', function(e) {
  // e.type
  // e.target
  // e.sourceTarget
  // e.propagatedFrom
});

map.on('moveend', function(e) {

// e.type

// e.target

// e.sourceTarget

// e.propagatedFrom

});