/*! * devextreme-angular * Version: 25.2.6 * Build date: Mon Mar 30 2026 * * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/DevExtreme */ import { TransferState, ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import { ClickEvent, DisposingEvent, InitializedEvent, MarkerAddedEvent, MarkerRemovedEvent, OptionChangedEvent, ReadyEvent, RouteAddedEvent, RouteRemovedEvent, MapProvider, RouteMode, MapType } from 'devextreme/ui/map'; import DxMap from 'devextreme/ui/map'; import { DxComponent, DxTemplateHost, NestedOptionHost, IterableDifferHelper, WatcherHelper, CollectionNestedOption } from 'devextreme-angular/core'; import type * as DxMapTypes from "devextreme/ui/map_types"; import * as i0 from "@angular/core"; import * as i1 from "devextreme-angular/ui/nested"; import * as i2 from "devextreme-angular/ui/map/nested"; import * as i3 from "devextreme-angular/core"; /** * The Map is an interactive UI component that displays a geographic map with markers and routes. */ export declare class DxMapComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; set _markersContentChildren(value: QueryList); set _routesContentChildren(value: QueryList); set _locationsContentChildren(value: QueryList); set _centerContentChildren(value: QueryList); instance: DxMap; /** * Specifies the shortcut key that sets focus on the UI component. */ get accessKey(): string | undefined; set accessKey(value: string | undefined); /** * Specifies whether the UI component changes its visual state as a result of user interaction. */ get activeStateEnabled(): boolean; set activeStateEnabled(value: boolean); /** * Keys to authenticate the component within map providers. */ get apiKey(): string | { azure?: string; bing?: string; google?: string; googleStatic?: string; }; set apiKey(value: string | { azure?: string; bing?: string; google?: string; googleStatic?: string; }); /** * Specifies whether the UI component automatically adjusts center and zoom property values when adding a new marker or route, or if a new UI component contains markers or routes by default. */ get autoAdjust(): boolean; set autoAdjust(value: boolean); /** * An object, a string, or an array specifying which part of the map is displayed at the UI component's center using coordinates. The UI component can change this value if autoAdjust is enabled. */ get center(): Array | string | { lat?: number; lng?: number; }[]; set center(value: Array | string | { lat?: number; lng?: number; }[]); /** * Specifies whether or not map UI component controls are available. */ get controls(): boolean; set controls(value: boolean); /** * Specifies whether the UI component responds to user interaction. */ get disabled(): boolean; set disabled(value: boolean); /** * Specifies the global attributes to be attached to the UI component's container element. */ get elementAttr(): Record; set elementAttr(value: Record); /** * Specifies whether the UI component can be focused using keyboard navigation. */ get focusStateEnabled(): boolean; set focusStateEnabled(value: boolean); /** * Specifies the UI component's height. */ get height(): number | string; set height(value: number | string); /** * Specifies text for a hint that appears when a user pauses on the UI component. */ get hint(): string | undefined; set hint(value: string | undefined); /** * Specifies whether the UI component changes its state when a user pauses on it. */ get hoverStateEnabled(): boolean; set hoverStateEnabled(value: boolean); /** * A URL pointing to the custom icon to be used for map markers. */ get markerIconSrc(): string; set markerIconSrc(value: string); /** * An array of markers displayed on a map. */ get markers(): { iconSrc?: string; location?: Array | string | { lat?: number; lng?: number; }[]; onClick?: Function; tooltip?: string | { isShown?: boolean; text?: string; }; }[]; set markers(value: { iconSrc?: string; location?: Array | string | { lat?: number; lng?: number; }[]; onClick?: Function; tooltip?: string | { isShown?: boolean; text?: string; }; }[]); /** * The name of the current map data provider. */ get provider(): MapProvider; set provider(value: MapProvider); /** * A provider configuration object. */ get providerConfig(): { mapId?: string; useAdvancedMarkers?: boolean; }; set providerConfig(value: { mapId?: string; useAdvancedMarkers?: boolean; }); /** * An array of routes shown on the map. */ get routes(): { color?: string; locations?: { lat?: number; lng?: number; }[]; mode?: RouteMode | string; opacity?: number; weight?: number; }[]; set routes(value: { color?: string; locations?: { lat?: number; lng?: number; }[]; mode?: RouteMode | string; opacity?: number; weight?: number; }[]); /** * Switches the UI component to a right-to-left representation. */ get rtlEnabled(): boolean; set rtlEnabled(value: boolean); /** * Specifies the number of the element when the Tab key is used for navigating. */ get tabIndex(): number; set tabIndex(value: number); /** * The type of a map to display. */ get type(): MapType; set type(value: MapType); /** * Specifies whether the UI component is visible. */ get visible(): boolean; set visible(value: boolean); /** * Specifies the UI component's width. */ get width(): number | string; set width(value: number | string); /** * The map's zoom level. The UI component can change this value if autoAdjust is enabled. */ get zoom(): number; set zoom(value: number); /** * A function that is executed when any location on the map is clicked or tapped. */ onClick: EventEmitter; /** * A function that is executed before the UI component is disposed of. */ onDisposing: EventEmitter; /** * A function used in JavaScript frameworks to save the UI component instance. */ onInitialized: EventEmitter; /** * A function that is executed when a marker is created on the map. */ onMarkerAdded: EventEmitter; /** * A function that is executed when a marker is removed from the map. */ onMarkerRemoved: EventEmitter; /** * A function that is executed after a UI component property is changed. */ onOptionChanged: EventEmitter; /** * A function that is executed when the map is ready. */ onReady: EventEmitter; /** * A function that is executed when a route is created on the map. */ onRouteAdded: EventEmitter; /** * A function that is executed when a route is removed from the map. */ onRouteRemoved: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ accessKeyChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ activeStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ apiKeyChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ autoAdjustChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ centerChange: EventEmitter | string | { lat?: number; lng?: number; }[]>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ controlsChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ focusStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ heightChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hintChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hoverStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ markerIconSrcChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ markersChange: EventEmitter<{ iconSrc?: string; location?: Array | string | { lat?: number; lng?: number; }[]; onClick?: Function; tooltip?: string | { isShown?: boolean; text?: string; }; }[]>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ providerChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ providerConfigChange: EventEmitter<{ mapId?: string; useAdvancedMarkers?: boolean; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ routesChange: EventEmitter<{ color?: string; locations?: { lat?: number; lng?: number; }[]; mode?: RouteMode | string; opacity?: number; weight?: number; }[]>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tabIndexChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ typeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ visibleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ widthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ zoomChange: EventEmitter; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxMap; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } export declare class DxMapModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export * from 'devextreme-angular/ui/map/nested'; export { DxMapTypes };