Angular directive
drawing-manager source
Description
Requires: map directive Restrict To: Element
Parameters
Name | Type | Description |
---|---|---|
Attr2Options | service |
convert html attribute to Google map api options |
Example
Example:
<map zoom="13" center="37.774546, -122.433523" map-type-id="SATELLITE">
<drawing-manager
on-overlaycomplete="onMapOverlayCompleted()"
position="ControlPosition.TOP_CENTER"
drawingModes="POLYGON,CIRCLE"
drawingControl="true"
circleOptions="fillColor: '#FFFF00';fillOpacity: 1;strokeWeight: 5;clickable: false;zIndex: 1;editable: true;" >
</drawing-manager>
</map>
TODO: Add remove button.
currently, for our solution, we have the shapes/markers in our own
controller, and we use some css classes to change the shape button
to a remove button (<div>X</div>) and have the remove operation in our own controller.