Click to start Polygon, Double click to finish.
<html> <head> <title>Draw Polygon</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="desciption" content="Mapmyindia Draw Polygon "> <script src="https://apis.mapmyindia.com/advancedmaps/api/<--map_key-->/map_sdk?layer=vector&v=2.0&callback=initMap1" defer async></script> <link rel="icon" href="http://www.mapmyindia.com/images/favicon.ico" type="image/x-icon"> <style> #map{ width: 100%; height: 60vh; } </style> </head> <body> <div id="map"></div> <script> var map; // Map Function function initMap1() { map = new MapmyIndia.Map(document.getElementById('map'), { center: [28.5507160000001,77.2689280000001], zoomControl: true, location: true, scrollwheel:false }); map.on('load',function(){ // Draw Polygon var options={fillColor:"red",lineGap:10,strokeOpacity:1.0} MapmyIndia.draw({map:map,type:'polygon',callback:draw_callback,options:options}) }) function draw_callback(data){ polygon1=data; } } </script> </body> </html>

More Links

Add Multple Polygon by Geojson Data

MapmyIndia Polygon with Text

MapmyIndia Editable Polygon