UNPKG

@ng-maps/core

Version:

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

142 lines (141 loc) 5.74 kB
import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChange } from '@angular/core'; import { BoundsLiteral } from '../interface/bounds'; import { CircleOptions } from '../interface/circle-options'; import { GeoPoint } from '../interface/geo-point'; import { CircleManager } from '../services/managers/circle-manager'; import * as i0 from "@angular/core"; export declare class NgMapsCircleDirective implements OnInit, OnChanges, OnDestroy, CircleOptions { private _manager; constructor(_manager: CircleManager); private static _mapOptions; /** * The latitude position of the circle (required). */ latitude?: number; /** * The clickable position of the circle (required). */ longitude?: number; /** * Indicates whether this Circle handles mouse events. Defaults to true. */ clickable: boolean; /** * If set to true, the user can drag this circle over the map. Defaults to false. */ draggable: boolean; /** * If set to true, the user can edit this circle by dragging the control points shown at * the center and around the circumference of the circle. Defaults to false. */ editable: boolean; /** * The fill color. All CSS3 colors are supported except for extended named colors. */ fillColor?: string; /** * The fill opacity between 0.0 and 1.0. */ fillOpacity?: number; /** * The radius in meters on the Earth's surface. */ radius: number; /** * 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 position. Defaults to CENTER. * This property is not supported on Internet Explorer 8 and earlier. * * @fixme */ /** * The stroke width in pixels. */ strokeWeight: number; /** * Whether this circle is visible on the map. Defaults to true. */ visible: boolean; /** * The zIndex compared to other polys. */ zIndex?: number; /** * This event is fired when the circle's center is changed. */ centerChange: EventEmitter<GeoPoint>; /** * This event emitter gets emitted when the user clicks on the circle. */ circleClick: EventEmitter<google.maps.MapMouseEvent>; /** * This event emitter gets emitted when the user clicks on the circle. */ circleDblClick: EventEmitter<google.maps.MapMouseEvent>; /** * This event is repeatedly fired while the user drags the circle. */ drag: EventEmitter<google.maps.MapMouseEvent>; /** * This event is fired when the user stops dragging the circle. */ dragEnd: EventEmitter<google.maps.MapMouseEvent>; /** * This event is fired when the user starts dragging the circle. */ dragStart: EventEmitter<google.maps.MapMouseEvent>; /** * This event is fired when the DOM mousedown event is fired on the circle. */ mouseDown: EventEmitter<google.maps.MapMouseEvent>; /** * This event is fired when the DOM mousemove event is fired on the circle. */ mouseMove: EventEmitter<google.maps.MapMouseEvent>; /** * This event is fired on circle mouseout. */ mouseOut: EventEmitter<google.maps.MapMouseEvent>; /** * This event is fired on circle mouseover. */ mouseOver: EventEmitter<google.maps.MapMouseEvent>; /** * This event is fired when the DOM mouseup event is fired on the circle. */ mouseUp: EventEmitter<google.maps.MapMouseEvent>; /** * This event is fired when the circle's radius is changed. */ radiusChange: EventEmitter<number>; /** * This event is fired when the circle is right-clicked on. */ rightClick: EventEmitter<google.maps.MapMouseEvent>; private _circleAddedToManager; private subscription; /** @internal */ ngOnInit(): void; /** @internal */ ngOnChanges(changes: { [key: string]: SimpleChange; }): void; private _updateCircleOptionsChanges; private _registerEventListeners; /** @internal */ ngOnDestroy(): void; /** * Gets the LatLngBounds of this Circle. */ getBounds(): Promise<BoundsLiteral | null>; getCenter(): Promise<GeoPoint | null>; static ɵfac: i0.ɵɵFactoryDeclaration<NgMapsCircleDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<NgMapsCircleDirective, "map-circle", never, { "latitude": { "alias": "latitude"; "required": false; }; "longitude": { "alias": "longitude"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "fillColor": { "alias": "fillColor"; "required": false; }; "fillOpacity": { "alias": "fillOpacity"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "strokeColor": { "alias": "strokeColor"; "required": false; }; "strokeOpacity": { "alias": "strokeOpacity"; "required": false; }; "strokeWeight": { "alias": "strokeWeight"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; }, { "centerChange": "centerChange"; "circleClick": "circleClick"; "circleDblClick": "circleDblClick"; "drag": "drag"; "dragEnd": "dragEnd"; "dragStart": "dragStart"; "mouseDown": "mouseDown"; "mouseMove": "mouseMove"; "mouseOut": "mouseOut"; "mouseOver": "mouseOver"; "mouseUp": "mouseUp"; "radiusChange": "radiusChange"; "rightClick": "rightClick"; }, never, never, false, never>; }