Can you toggle a marker's 'draggable' option?

978 views
Skip to first unread message

Jake Wilson

unread,
May 19, 2013, 11:59:46 AM5/19/13
to leafl...@googlegroups.com
I want to be able to programmatically toggle the 'draggable' option for various markers on my map.  Is this possible?

Stefano Cudini

unread,
May 19, 2013, 3:25:14 PM5/19/13
to leafl...@googlegroups.com
this code does several things, you can only use what you need:


function ClimboMarkerSwitchDragging(marker)//enable disable dragdrop
{
if(marker.draggable)
{
marker.dragging.disable();
L.DomUtil.removeClass(marker._icon, 'draggable');
marker.draggable = false;
marker.off('dragstart drag dragend');
marker._icon.removeChild(marker._icon.getElementsByClassName('handledrag')[0]);
}
else
{
marker.closePopup();
marker.dragging.enable();
L.DomUtil.addClass(marker._icon, 'draggable');
marker.setZIndexOffset(1000);
L.DomUtil.create('div','handledrag', marker._icon);
marker.draggable = true;
marker
.on('dragstart drag', function(e) {
e.target.closePopup();
L.DomUtil.addClass(e.target._icon, 'dragged');
})
.on('dragend', function(e) {
L.DomUtil.removeClass(e.target._icon, 'dragged');
var newLoc = Climbo.funcs.latlngHuman( e.target.getLatLng(),',',6);
//$.post('savepos.php', { move: newLoc, id: marker.options.id });
console.log('save position', newLoc);
});
}
}

Jake Wilson

unread,
May 19, 2013, 3:47:04 PM5/19/13
to leafl...@googlegroups.com
marker.dragging.enable() and .disable() is what I was looking for.  Thanks!

Mishal Chowdhury

unread,
Mar 3, 2014, 1:09:48 PM3/3/14
to leafl...@googlegroups.com
where do i place this code? 
I have  placed this code in javascript,but it didnt seemed to work

aston...@gmail.com

unread,
Mar 4, 2014, 5:02:28 AM3/4/14
to leafl...@googlegroups.com
Hey Mishal. There's a bunch of documentation on js functions, conditional statements, etc. at http://www.w3schools.com/js/js_functions.asp and http://www.w3schools.com/js/js_if_else.asp, etc...
Reply all
Reply to author
Forward
0 new messages