UNPKG

@ng-maps/core

Version:

**@ng-maps/core** is a simple, modular and tree-shakable library for displaying google-maps inside an angular application

122 lines (121 loc) 5.31 kB
import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core'; import { PolylineManager } from '../services/managers/polyline-manager'; import { NgMapsPolylinePoint } from './polyline-point'; import * as i0 from "@angular/core"; /** * NgMapsPolyline renders a polyline on a {@link https://ng-maps.github.io/core/components/NgMapsViewComponent.html|NgMapsView} */ export declare class NgMapsPolyline implements OnDestroy, OnChanges, AfterContentInit { private _polylineManager; constructor(_polylineManager: PolylineManager); private static _polylineOptionsAttributes; /** * Indicates whether this Polyline handles mouse events. Defaults to true. */ clickable: boolean; /** * If set to true, the user can drag this shape over the map. The geodesic property defines the * mode of dragging. Defaults to false. */ draggable: boolean; /** * If set to true, the user can edit this shape by dragging the control points shown at the * vertices and on each segment. Defaults to false. */ editable: boolean; /** * When true, edges of the polygon are interpreted as geodesic and will follow the curvature of * the Earth. When false, edges of the polygon are rendered as straight lines in screen space. * Note that the shape of a geodesic polygon may appear to change when dragged, as the dimensions * are maintained relative to the surface of the earth. Defaults to false. */ geodesic: boolean; /** * The stroke color. All CSS3 colors are supported except for extended named colors. */ strokeColor?: string; /** * The stroke opacity between 0.0 and 1.0. */ strokeOpacity?: number; /** * The stroke width in pixels. */ strokeWeight?: number; /** * The icons to be rendered along the polyline. */ icons?: Array<google.maps.IconSequence>; /** * Whether this polyline is visible on the map. Defaults to true. */ visible: boolean; /** * The zIndex compared to other polys. */ zIndex?: number; /** * This event is fired when the DOM click event is fired on the Polyline. */ lineClick: EventEmitter<google.maps.PolyMouseEvent>; /** * This event is fired when the DOM dblclick event is fired on the Polyline. */ lineDblClick: EventEmitter<google.maps.PolyMouseEvent>; /** * This event is repeatedly fired while the user drags the polyline. */ lineDrag: EventEmitter<MouseEvent>; /** * This event is fired when the user stops dragging the polyline. */ lineDragEnd: EventEmitter<MouseEvent>; /** * This event is fired when the user starts dragging the polyline. */ lineDragStart: EventEmitter<MouseEvent>; /** * This event is fired when the DOM mousedown event is fired on the Polyline. */ lineMouseDown: EventEmitter<google.maps.PolyMouseEvent>; /** * This event is fired when the DOM mousemove event is fired on the Polyline. */ lineMouseMove: EventEmitter<google.maps.PolyMouseEvent>; /** * This event is fired on Polyline mouseout. */ lineMouseOut: EventEmitter<google.maps.PolyMouseEvent>; /** * This event is fired on Polyline mouseover. */ lineMouseOver: EventEmitter<google.maps.PolyMouseEvent>; /** * This event is fired whe the DOM mouseup event is fired on the Polyline */ lineMouseUp: EventEmitter<google.maps.PolyMouseEvent>; /** * This even is fired when the Polyline is right-clicked on. */ lineRightClick: EventEmitter<google.maps.PolyMouseEvent>; /** * @internal */ points?: QueryList<NgMapsPolylinePoint>; private _id; private _polylineAddedToManager; private subscription; /** @internal */ ngAfterContentInit(): void; ngOnChanges(changes: SimpleChanges): any; private _init; private _addEventListeners; /** @internal */ _getPoints(): Array<NgMapsPolylinePoint>; /** @internal */ id(): string; /** @internal */ ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration<NgMapsPolyline, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<NgMapsPolyline, "map-polyline", never, { "clickable": { "alias": "clickable"; "required": false; }; "draggable": { "alias": "polylineDraggable"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "geodesic": { "alias": "geodesic"; "required": false; }; "strokeColor": { "alias": "strokeColor"; "required": false; }; "strokeOpacity": { "alias": "strokeOpacity"; "required": false; }; "strokeWeight": { "alias": "strokeWeight"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; }, { "lineClick": "lineClick"; "lineDblClick": "lineDblClick"; "lineDrag": "lineDrag"; "lineDragEnd": "lineDragEnd"; "lineDragStart": "lineDragStart"; "lineMouseDown": "lineMouseDown"; "lineMouseMove": "lineMouseMove"; "lineMouseOut": "lineMouseOut"; "lineMouseOver": "lineMouseOver"; "lineMouseUp": "lineMouseUp"; "lineRightClick": "lineRightClick"; }, ["points"], never, false, never>; }