JavaScript/jQuery Map Events
This section describes events fired by this widget.
See Also
- Handle Events: jQuery | Angular | AngularJS | Knockout | ASP.NET MVC
 
click
Fires when the map is clicked.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if Knockout is used.  | 
                |
| location | 
                         The clicked point's location on the map (if the 'google' or 'bing' provider is used).  | 
                |
| jQueryEvent | 
                             Use 'event' instead. The jQuery event that caused the handler execution (if a static google provider is used). Deprecated in favor of the event field.  | 
                |
| event | Event (jQuery or EventObject)  | 
                    
                         The event that caused the handler execution. It is a dxEvent or a jQuery.Event when you use jQuery.  | 
                
disposing
Raised when the widget is removed from the DOM using the remove(), empty(), or html() jQuery methods only.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                
See Also
- Handle Events: jQuery | Angular | AngularJS | Knockout | ASP.NET MVC
 
initialized
Raised only once, after the widget is initialized.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                
Main article: onInitialized
See Also
- Handle Events: jQuery | Angular | AngularJS | Knockout | ASP.NET MVC
 
markerAdded
Fires after a marker is added to the map.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if Knockout is used.  | 
                |
| options | 
                         The added marker's data.  | 
                |
| originalMarker | 
                         The original marker that the current map provider uses (only for 'google' and 'bing' providers).  | 
                
Instead, you can use the onMarkerAdded option to handle the event.
See Also
- Handle Events: jQuery | Angular | AngularJS | Knockout | ASP.NET MVC
 
markerRemoved
Fires after a marker is removed from the map.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if Knockout is used.  | 
                |
| options | 
                         The removed marker's data.  | 
                
Instead, you can use the onMarkerRemoved option to handle the event.
See Also
- Handle Events: jQuery | Angular | AngularJS | Knockout | ASP.NET MVC
 
optionChanged
Raised after a widget option is changed.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| name | 
                         The option's short name.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| component | 
                         The widget's instance.  | 
                |
| fullName | 
                         The option's full name.  | 
                |
| value | any | 
                         The option's new value.  | 
                
See Also
- Handle Events: jQuery | Angular | AngularJS | Knockout | ASP.NET MVC
 
ready
Fires after a map is rendered.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if Knockout is used.  | 
                |
| originalMap | 
                         The current provider's map data.  | 
                
routeAdded
Fires after a route is added to the map.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if Knockout is used.  | 
                |
| options | 
                         The added route's data.  | 
                |
| originalRoute | 
                         The original route that the current map provider uses (only for 'google' and 'bing' providers).  | 
                
Instead, you can use the onRouteAdded option to handle the event.
See Also
- Handle Events: jQuery | Angular | AngularJS | Knockout | ASP.NET MVC
 
routeRemoved
Fires after a route is removed from the map.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if Knockout is used.  | 
                |
| options | 
                         The removed route's data.  | 
                
Instead, you can use the onRouteRemoved option to handle the event.
See Also
- Handle Events: jQuery | Angular | AngularJS | Knockout | ASP.NET MVC
 
If you have technical questions, please create a support ticket in the DevExpress Support Center.