JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;libraries=drawing&amp;.js"></script>
<script src="http://hpneo.github.io/gmaps/gmaps.js?.js"></script>
<div id="map_canvas"></div>

CSS

#map_canvas{
    width: 500px;
    height: 400px;
}

JavaScript

var map = new GMaps({
  div: '#map_canvas',
  lat: 41.061524,
  lng: 28.988235
});

var drawingManager = new google.maps.drawing.DrawingManager({

    drawingControl: true,
    drawingControlOptions: {
      position: google.maps.ControlPosition.TOP_CENTER,
      drawingModes: [
        google.maps.drawing.OverlayType.CIRCLE,
        google.maps.drawing.OverlayType.POLYGON,
        google.maps.drawing.OverlayType.POLYLINE,
        google.maps.drawing.OverlayType.RECTANGLE
      ]
    }});
  drawingManager.setMap(map.map); // map.map is the reference to original map object