ansaurus

Question

Toggle dragging of Google Map markers once added as Draggable

Answer 1

A:

That should be very easy to do. First you need to keep a reference to all your markers. Then to toggle the dragging behaviour, you can simply iterate through your markers and call the enableDragging() or the disableDragging() method on each marker.

For this to work, your markers will have to be initialized with the GMarkerOptions.draggable option set to true, but I assume you are already doing this.

Here's a fully working example:

<!DOCTYPE html>
<html> 
<head>
   <script src="http://maps.google.com/maps?file=api&amp;amp;v=2&amp;amp;sensor=false" 
           type="text/javascript"></script>
</head> 
<body onunload="GUnload()">
   <div id="map" style="width: 400px; height: 300px"></div> 

   <input type="button" value="Toggle Drag" onclick="toggleDrag()">

   <script type="text/javascript"> 
      var map = new GMap2(document.getElementById("map"));
      var point = new GLatLng(51.49, -0.12);
      var marker = new GMarker(point, { draggable: true });

      map.setCenter(point, 8);
      map.addOverlay(marker);

      function toggleDrag() {
        if (marker.draggingEnabled()) {
          marker.disableDragging();
        }
        else {
          marker.enableDragging();
        }
      }
   </script> 
</body> 
</html>

Daniel Vassallo 2010-07-15 20:18:12

Brilliant, thanks Daniel.

Sivakanesh 2010-07-16 07:47:06

ansaurus

tags:

views:

answers:

Toggle dragging of Google Map markers once added as Draggable

related questions