@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
TypeScript
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>;
}