The Map is an interactive UI component that displays a geographic map with markers and routes.
import DxMap from "devextreme-vue/map"
An object defining configuration properties for the Map UI component.
Name Description accessKeySpecifies the shortcut key that sets focus on the UI component.
activeStateEnabledSpecifies whether the UI component changes its visual state as a result of user interaction.
apiKeyKeys to authenticate the component within map providers.
autoAdjustSpecifies 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.
centerAn 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.
controlsSpecifies whether or not map UI component controls are available.
disabledSpecifies whether the UI component responds to user interaction.
elementAttrSpecifies the global attributes to be attached to the UI component's container element.
focusStateEnabledSpecifies whether the UI component can be focused using keyboard navigation.
heightSpecifies the UI component's height.
hintSpecifies text for a hint that appears when a user pauses on the UI component.
hoverStateEnabledSpecifies whether the UI component changes its state when a user pauses on it.
markerIconSrcA URL pointing to the custom icon to be used for map markers.
markersAn array of markers displayed on a map.
onClickA function that is executed when any location on the map is clicked or tapped.
onDisposingA function that is executed before the UI component is disposed of.
onInitializedA function used in JavaScript frameworks to save the UI component instance.
onMarkerAddedA function that is executed when a marker is created on the map.
onMarkerRemovedA function that is executed when a marker is removed from the map.
onOptionChangedA function that is executed after a UI component property is changed.
onReadyA function that is executed when the map is ready.
onRouteAddedA function that is executed when a route is created on the map.
onRouteRemovedA function that is executed when a route is removed from the map.
providerThe name of the current map data provider.
providerConfigA provider configuration object.
routesAn array of routes shown on the map.
rtlEnabledSwitches the UI component to a right-to-left representation.
tabIndexSpecifies the number of the element when the Tab key is used for navigating.
typeThe type of a map to display.
visibleSpecifies whether the UI component is visible.
widthSpecifies the UI component's width.
zoomThe map's zoom level. The UI component can change this value if autoAdjust is enabled.
This section describes members used to manipulate a UI component.
This section describes events fired by this UI component.
Name Description clickRaised when any location on the map is clicked.
disposingRaised before the UI component is disposed of.
initializedRaised only once, after the UI component is initialized.
markerAddedRaised when a marker is created on the map.
markerRemovedRaised when a marker is removed from the map.
optionChangedRaised after a UI component property is changed.
readyRaised when the map is ready.
routeAddedRaised when a route is created on the map.
routeRemovedRaised when a route is removed from the map.
Feel free to share topic-related thoughts here.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4