title: How do I change the Google Maps draggable property for the map (not the marker)?
body: <p><br />
  In the <a href="https://developers.google.com/maps/documentation/javascript/reference">Google Maps v3 reference</a>, I see there is a method <code>setDraggable(boolean)</code> which can be applied to a map marker.
  <br /><br />
  However, I want to set <code>setDraggable</code> to <code>true</code> on the <strong>map</strong>, <em>not</em> on a map marker.
  <br /><br />
  I have set the property <code>draggable</code> to <code>false</code> in the mapOptions, but I don't know how to set this to <code>true</code> later... &nbsp;<code>map.setDraggable(true)</code> does <em>not</em> work:
  <br /><br /></p>
  
  <pre><code>    // object literal for map options
      var myOptions =
      {
          center: new google.maps.LatLng(37.09024, -95.712891),
          zoom: 4, // smaller number --&gt; zoom out
          mapTypeId: google.maps.MapTypeId.TERRAIN,
  
          // removing all map controls
          disableDefaultUI: true,
  
          // prevents map from being dragged
          draggable: false,
  
          // disabling all keyboard shortcuts
          keyboardShortcuts: false,
  
          disableDoubleClickZoom: true,
  
          // do not clear the map div     
          noClear: true
      };
  
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  
      map.setDraggable(true); // does NOT work!
  </code></pre>