and create your customized shapes (different coloring, different attributes, different markers)
case 'cat':
this.drawingManager.setDrawingMode(maps.drawing.OverlayType.MARKER);
let cat = new maps.MarkerImage('assets/cat.png');
this.drawingManager.setOptions({
markerOptions: {
icon: cat,
clickable: true,
draggable: true
}
});
break;
case 'polygon':
this.drawingManager.setDrawingMode(maps.drawing.OverlayType.POLYGON);
this.drawingManager.setOptions({
polygonOptions: {
fillColor: '#9c4d4f',
fillOpacity: 0.5,
strokeWeight: 2,
strokeColor: '#401619',
editable: true,
}
});
break;