title: Drawing Manager Not Showing on Google Map
body: <p>Can you please take a look at this code and let me know why the Drawing Manager is not showing on the Map?</p>
  
  <pre><code>$(document).ready(function () {
      var map;
      var latlng = new google.maps.LatLng(49.241943, -122.889318);
      var myOptions = {
          zoom: 12,
          center: latlng,
          disableDefaultUI: true,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  
      var drawingManager = new google.maps.drawing.DrawingManager({
          drawingMode: google.maps.drawing.OverlayType.MARKER,
          drawingControl: true,
          drawingControlOptions: {
              position: google.maps.ControlPosition.TOP_CENTER,
              drawingModes: [
                  google.maps.drawing.OverlayType.MARKER,
                  google.maps.drawing.OverlayType.CIRCLE,
                  google.maps.drawing.OverlayType.POLYGON,
                  google.maps.drawing.OverlayType.POLYLINE,
                  google.maps.drawing.OverlayType.RECTANGLE
              ]
          },
          markerOptions: {
              icon: 'images/beachflag.png'
          },
          circleOptions: {
              fillColor: '#ffff00',
              fillOpacity: 1,
              strokeWeight: 5,
              clickable: false,
              editable: true,
              zIndex: 1
          }
      });
      drawingManager.setMap(map);
  
  });
  </code></pre>
  
  <p>I checked the console and I get this error message:</p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'DrawingManager' of undefined</p>
  </blockquote>
  
  <p>Can you please let me know why this is happening?</p>