10 - 地図のイベント処理

学習内容: 地図上でのクリック、ズーム、移動などのイベントを処理します。

ポイント:

操作: 地図をクリック、ズーム、移動してイベントログを確認してください。

イベントログ(地図を操作してください)
// クリックイベント
map.on('click', function(e) {
    console.log('クリック位置:', e.latlng);
    L.marker(e.latlng).addTo(map);
});

// ズームイベント
map.on('zoomend', function() {
    console.log('ズームレベル:', map.getZoom());
});

// 移動イベント
map.on('moveend', function() {
    console.log('中心座標:', map.getCenter());
});

// マウス移動イベント
map.on('mousemove', function(e) {
    console.log('マウス位置:', e.latlng);
});