学習内容: 地図上でのクリック、ズーム、移動などのイベントを処理します。
ポイント:
操作: 地図をクリック、ズーム、移動してイベントログを確認してください。
// クリックイベント
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);
});