How i add my own image or drawing option on google map drawing

Question

I want to add my own button to enable my feature in Google map drawing.

Here is the link for the sample drawing page Google Developers Drawing tools Here you can see 6 options for drawing.

I want to add my option in these 6 option, How can I do that?

Answer 1

Start by adding your own button in HTML

<button id="custom-BtnPolygon">Draw</button>
<button id="custom-BtnPolyline">Draw</button>

and call it from your javascript to invoke google drawingManager

$("#custom-BtnPolygon").click( function(){
      drawingManager.setDrawingMode(google.maps.drawing.OverlayType.POLYGON);
 });

$("#custom-BtnPolyline").click( function(){
      drawingManager.setDrawingMode(google.maps.drawing.OverlayType.POLYLINE);
 });

Initiate polygon drawing from custom button