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