Represents Vuejs Maps Component
<ejs-maps></ejs-maps>
boolean
Enables or disables the export to image functionality in map.
Defaults to false
boolean
Enables or disables the export to PDF functionality in map.
Defaults to false
boolean
Enables or disables the print functionality in map.
Defaults to false
Sets and gets the options for customizing the annotation of maps.
Sets and gets the module to add annotation elements in maps.
string
Sets and gets the background color of the maps container.
Defaults to null
number
Sets and gets the base map index of maps. It provides the option to select which layer to be visible in the maps.
Defaults to 0
Sets and gets the options for customizing the color and width of the maps border.
Sets and gets the module to add bubbles in the maps component.
Sets and gets the center position of the maps.
Sets and gets the module to add the data-label in the maps component.
string
Sets and gets the description for maps.
Defaults to null
boolean
Enable or disable persisting component’s state between page reloads.
Defaults to false
boolean
Enable or disable rendering component in right to left direction.
Defaults to false
string
Sets and gets the format in which the text in the maps are to be rendered.
Defaults to null
string
Sets and gets the height in which the maps is to be rendered.
Defaults to null
Sets and gets the module to highlight the element when mouse has hovered on it in maps.
boolean
Specifies whether the shape is selected in the maps or not.
Sets and gets the options to customize the layers of the maps.
Sets and gets the module to add the legend in maps.
Sets and gets the options to customize the legend of the maps.
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
Defaults to ”
Sets and gets the options to customize the area around the map.
Sets and gets the module to add the tooltip when mouse has hovered on an element in maps.
Sets and gets the options to customize the margins of the maps.
Sets and get the module to add the marker in the maps component.
Sets and gets the module to add the navigation lines in the maps component.
string
Sets and gets the projection type for the maps.
Defaults to Mercator
Sets and gets the module to select the geometric shapes when clicking in maps.
number
Sets and gets the tab index value for the maps.
Defaults to 1
string
Set and gets the theme supported for the maps.
Defaults to Material
Sets and gets the title to be displayed for maps.
string
Sets and gets the mode in which the tooltip is to be displayed. The tooltip can be rendered on mouse move, click or double clicking on the element on the map.
Defaults to ‘MouseMove’
boolean
Enables or disables the visibility state of the separator for grouping.
Defaults to false
string
Sets and gets the width in which the maps is to be rendered.
Defaults to null
Sets and gets the module to add the zooming operations in maps.
Sets and gets the options to customize the zooming operations in maps.
This method is used to add the layers dynamically to the maps.
Parameter | Type | Description |
---|---|---|
layer | Object |
Specifies the layer for the maps. |
Returns void
This method is used to add markers dynamically in the maps. If we provide the index value of the layer in which the marker to be added and the coordinates of the marker as parameters, the marker will be added in the location.
Parameter | Type | Description |
---|---|---|
layerIndex | number |
Specifies the index number of the layer. |
markerCollection | MarkerSettingsModel[] |
Specifies the settings of the marker to be added. |
Returns void
This method disposes the maps component.
Returns void
This method handles the export functionality for the maps component.
Parameter | Type | Description |
---|---|---|
type | string |
Specifies the type of the exported file. |
fileName | string |
Specifies the name of the file with which the rendered maps need to be exported. |
orientation (optional) | PdfPageOrientation |
Specifies the orientation of the pdf document in exporting. |
allowDownload (optional) | boolean |
Specifies whether to download as a file or get as base64 string for the file |
Returns Promise
This method is used to get the Bing maps URL.
Parameter | Type | Description |
---|---|---|
url | string |
Specifies the URL of the maps. |
Returns Promise
This method is used to get the geo location points.
Parameter | Type | Description |
---|---|---|
layerIndex | number |
Specifies the index number of the layer of the map. |
x | number |
Specifies the x value. |
y | number |
Specifies the y value. |
Returns GeoPosition
Gets the localized label by locale keyword.
Parameter | Type | Description |
---|---|---|
key | string |
Specifies the key |
Returns string
Gets component name
Returns string
This method is used to get the geo location points when tile maps is rendered in the maps component.
Parameter | Type | Description |
---|---|---|
x | number |
Specifies the x value |
y | number |
Specifies the y value |
Returns GeoPosition
This method is used to perform the operations when a click operation is performed on maps.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event on maps. |
Returns void
This method is used to perform operations when performing the double click operation on maps.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event. |
Returns void
This method is used to perform operations when mouse is clicked down on maps.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event on maps |
Returns void
This method is used to perform operations when mouse click on maps.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event on maps. |
Returns boolean
This method is used to perform operations when mouse pointer leave from maps.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event on maps. |
Returns void
This method is used to perform operations while performing mouse over on maps.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event on maps. |
Returns void
This method is used to perform operations when mouse move event is performed on maps.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event on maps. |
Returns boolean
This method is used to perform panning by specifying the direction.
Parameter | Type | Description |
---|---|---|
direction | string |
Specifies the direction in which the panning is performed. |
mouseLocation (optional) | PointerEvent | TouchEvent |
Specifies the location of the mouse pointer in maps. |
Returns void
This method is used to convert the point to latitude and longitude in maps.
Parameter | Type | Description |
---|---|---|
pageX | number |
Specifies the x value for the page. |
pageY | number |
Specifies the y value for the page. |
Returns Object
This method handles the printing functionality for the maps component.
Parameter | Type | Description |
---|---|---|
id (optional) | string[] | string | Element |
Specifies the element to be printed. |
Returns void
This method is used to process the JSON data to render the maps.
Parameter | Type | Description |
---|---|---|
processType | string |
Specifies the process type in maps. |
data (optional) | any | string |
Specifies the data for maps. |
layer (optional) | LayerSettings |
Specifies the layer for the maps. |
dataType (optional) | string |
Specifies the data type for maps. |
Returns void
This method is used to remove a layer from map.
Parameter | Type | Description |
---|---|---|
index | number |
Specifies the index number of the layer to be removed. |
Returns void
This method is used to select the geometric shape element in the maps component.
Parameter | Type | Description |
---|---|---|
layerIndex | number |
Specifies the index of the layer in maps. |
propertyName | string | string[] |
Specifies the property name from the data source. |
name | string |
Specifies the name of the shape that is selected. |
enable (optional) | boolean |
Specifies the shape selection to be enabled. |
Returns void
This method is used to zoom the map by specifying the center position.
Parameter | Type | Description |
---|---|---|
centerPosition | Object |
Specifies the center position |
zoomFactor | number |
Specifies the zoom factor for maps. |
Returns void
This method is used to zoom the maps component based on the provided coordinates.
Parameter | Type | Description |
---|---|---|
minLatitude | number |
Specifies the minimum latitude to be zoomed. |
minLongitude | number |
Specifies the minimum latitude to be zoomed. |
maxLatitude | number |
Specifies the maximum latitude to be zoomed. |
maxLongitude | number |
Specifies the maximum longitude to be zoomed. |
Returns void
EmitType<IAnimationCompleteEventArgs>
Triggers after the animation completed in the maps component.
EmitType<IAnnotationRenderingEventArgs>
Triggers before rendering the annotation in maps.
Triggers before the print gets started.
EmitType<IBubbleClickEventArgs>
Triggers when performing the click operation on the bubble element in maps.
EmitType<IBubbleMoveEventArgs>
Triggers when hovering the mouse on the bubble element in maps.
EmitType<IBubbleRenderingEventArgs>
Triggers before the bubble element gets rendered on the map.
Triggers when a user clicks on an element in Maps.
EmitType<ILabelRenderingEventArgs>
Triggers before the data-label gets rendered.
Triggers when performing the double click operation on an element in maps.
Trigger when mouse move on the shape in maps and before the shape gets highlighted.
Triggers when clicking the shape on maps and before the selection is applied.
EmitType<ILayerRenderingEventArgs>
Triggers before the maps layer gets rendered.
EmitType<ILegendRenderingEventArgs>
Triggers before the legend gets rendered.
Triggers when the map is on load.
Triggers after the maps gets rendered.
EmitType<IMarkerClickEventArgs>
Triggers when clicking on the maps marker element.
EmitType<IMarkerClusterClickEventArgs>
Triggers when clicking the marker cluster in maps.
EmitType<IMarkerClusterMoveEventArgs>
Triggers when moving the mouse over the marker cluster element in maps.
EmitType<IMarkerClusterRenderingEventArgs>
Triggers before the maps marker cluster gets rendered.
EmitType<IMarkerMoveEventArgs>
Triggers when moving the mouse over the marker element in maps.
EmitType<IMarkerRenderingEventArgs>
Triggers before the maps marker gets rendered.
Triggers when a user clicks on an element in Maps.
Triggers before performing the panning operation.
Triggers when resizing the maps.
Triggers when performing the right click operation on an element in maps.
EmitType<IShapeSelectedEventArgs>
Triggers when mouse move on the shape in maps and before the shape gets highlighted.
EmitType<IShapeRenderingEventArgs>
Triggers before the maps shape gets rendered.
EmitType<IShapeSelectedEventArgs>
Triggers when clicking a shape in maps.
EmitType<ITooltipRenderEventArgs>
Triggers before the maps tooltip gets rendered.
EmitType<ITooltipRenderCompleteEventArgs>
Triggers after the maps tooltip gets rendered.
Triggers before the zoom operations in the maps such as zoom in and zoom out.