Hippodrome Drawing service for creating and editing Hippodromes.
You must provide HippodromeEditorService
yourself:
@Component({selector: 'my-map',templateUrl: './my-map.component.html',providers: [HippodromeEditorService],})export class MyMapComponent {}
<ac-map id="my-map"></ac-map>
The service is a part of AngularCesiumWidgetsModule
therefor you must import it.
HippodromeEditorService
works together with <hippodrome-editor>
component. Therefor you need to create <hippodrome-editor>
for each HippodromeEditorService
of course somewhere under <ac-map>
<ac-map id="my-map"><hippodrome-editor></hippodrome-editor></ac-map>​
Thats it! just Inject the service and use the create()
and edit()
methods:
@Component({...})export class MyMapComponent {editing$: HippodromeEditorObservable;constructor(private hippodromeEditor: HippodromeEditorService) {}startDraw() {this.editing$ = this.hippodromeEditor.create({hippodromeProps: {outline: true,outlineWidth: 2,width: 20000},});// Or Edit from existing pointsconst initialPos = [Cesium.Cartesian3.fromDegrees(20, 40),Cesium.Cartesian3.fromDegrees(45, 40),];this.editing$ = this.hippodromeEditor.edit(initialPos);});}}
create(options?: HippodromeEditOptions, eventPriority?: number)
Start a creating a Hippodrome over the map, Returns: HippodromeEditorObservable
// Start creatingconst editing$ = this.hippodromeEditor.create();this.editing$.subscribe(editResult => {console.log(editResult.positions);});
edit(positions: Cartesian3[], options?: HippodromeEditOptions, priority?: number)
Start editing a Hippodrome over the map from a given positions, Returns: HippodromeEditorObservable
const editing$ = this.hippodromeEditor.edit(initialPositions);
The editor is fully customisable with HippodromeEditOptions
:
addPointEvent
- Set Cesium event for adding last point, default: LEFT_CLICK
addPointModifier
- Set Cesium event modifier for adding point, default: none
dragPointModifier
- Set Cesium event modifier for draging a point, default: LEFT_DRAG
In edit mode only
dragPointModifier
- Set Cesium event modifier for removing a point, default: none
In edit mode only
hippodromeProps
- Cylinder customisation properties
allowDrag
- allow shape drag, default: false
In edit mode only
pickConfiguration
- configure pick behaviour with: pick height and width and drill pick limit
setLabelsRenderFn
- receives a callback that is called every time the shape is redrawn (except when the shape is being dragged). The callback is called with the last shape state and with an array of the current labels.
The callback should return LabelProps[]
​
​