Remove popup open event
by Stefano
HTML
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<div id="map" style="height: 450px;"></div>
JavaScript
var map = L.map('map').setView([43, -74], 8)
new L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',{
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
}).addTo(map)
var marker = L.circleMarker([42.5, -73.5], {
color: '#f03',
fillColor: '#f03',
fillOpacity: 0.80,
})
.on('mousedown', () => {
console.log('down')
map.dragging.disable();
map.on('mousemove', trackMouse)
})
.bindPopup("The Popup")
.addTo(map)
map
.on('click', (e) => {
console.log('map:click')
new L.marker(e.latlng).addTo(map);
})
.on('mouseup', () => {
console.log('up')
map.dragging.enable();
map.removeEventListener('mousemove')
})
function trackMouse (e) {
marker.setLatLng(e.latlng);
}