# GMaps.js — Geometry overlays

You can draw geometry overlays (which can be a polygon or a rectangle or a circle):

    polygon = map.drawRectangle({
      bounds: bounds,
      strokeColor: '#BBD8E9',
      strokeOpacity: 1,
      strokeWeight: 3,
      fillColor: '#BBD8E9',
      fillOpacity: 0.6
    });
    polygon = map.drawPolygon({
      paths: paths,
      strokeColor: '#25D359',
      strokeOpacity: 1,
      strokeWeight: 3,
      fillColor: '#25D359',
      fillOpacity: 0.6
    });
    circle = map.drawCircle({
      lat: lat,
      lng: lng,
      radius: 350,  //350 meters
      strokeColor: '#432070',
      strokeOpacity: 1,
      strokeWeight: 3,
      fillColor: '#432070',
      fillOpacity: 0.6
    });

Be careful with the settings as they are not the same for each overlay.