Methods
navigateTo(latitude, longitude, level)
Method for navigating to specific shape based on latitude, longitude and zoom level, you can use navigateTo method.
//navigateTo method for map
$("#container").ejMap("navigateTo", latitude, longitude, level);pan(direction)
Method to perform map panning, you can use pan method.
//pan method for map
$("#container").ejMap("pan", direction);refresh()
Method to reload the map, you can use refresh method.
//refresh method for map
$("#container").ejMap("refresh");refreshLayers()
Method to reload the shapeLayers with updated values, you can use refreshLayers method.
//refresh layers method for map
$("#container").ejMap("refreshLayers");refreshNavigationControl(navigation)
Method to reload the navigation control with updated values, you can use refreshNavigationControl method.
//Refresh navigation control method for map
$("#container").ejMap("refreshNavigationControl",navigation);zoom(level, isAnimate)
Method to perform map zooming, you can use zoom method.
//zoom method for map
$("#container").ejMap("zoom",level,isAnimate);Events
markerSelected
Triggered on selecting the map markers, you can use markerSelected event.
//markerSelected event for map
$("#container").ejMap({
markerSelected: function (event) {}
});mouseleave
Triggers while leaving the hovered map shape, you can use mouseleave event.
//mouseleave event for map
$("#container").ejMap({
mouseleave : function (event) {}
});mouseover
Triggers while hovering the map shape, you can use mouseover event.
//mouseover event for map
$("#container").ejMap({
mouseover : function (event) {}
});onRenderComplete
Triggers once map render completed, you can use onRenderComplete event.
//onRenderComplete event for map
$("#container").ejMap({
onRenderComplete: function () {}
});panned
Triggers when map panning ends, you can use panned event.
//panned event for map
$("#container").ejMap({
panned: function (event) {}
});shapeSelected
Triggered on selecting the map shapes, you can use shapeSelected event.
//shapeSelected event for map
$("#container").ejMap({
shapeSelected: function (event) {}
});zoomedIn
Triggered when map is zoomed-in, you can use zoomedIn event.
//zoomedIn event for map
$("#container").ejMap({
zoomedIn: function (event) {}
});zoomedOut
Triggers when map is zoomed out, you can use zoomedOut event.
//zoomedOut event for map
$("#container").ejMap({
zoomedOut: function () {}
});shapeRendering
The shapeRendering event is triggered while rendering each shape in the map.
//shapeRendering event for map
$("#container").ejMap({
shapeRendering : function (event) {}
});bubbleRendering
The bubbleRendering event is triggered while rendering each bubble in the map.
//bubbleRendering event for map
$("#container").ejMap({
bubbleRendering : function (event) {}
});legendItemRendering
The legendItemRendering event is triggered before rendering each legend in the map.
//legendItemRendering event for map
$("#container").ejMap({
legendItemRendering : function (event) {}
});Click
Triggers while clicking on the layers of the map, you can use click event.
//Click event for map
$("#container").ejMap({
click: function (args) {
//Do something
}
});doubleClick
Triggers while double clicking on the layers of the map, you can use doubleClick event.
//DoubleClick event for map.
$("#container").ejMap({
doubleClick: function (args) {
//Do something
}
});rightClick
Triggers while right clicking on the layers of the map, you can use rightClick event.
//RightClick event for map
$("#container").ejMap({
rightClick: function (args) {
//Do something
}
});onLoad
Triggers before loading the map, you can use onLoad event.
//onLoad event for map
$("#container").ejMap({
onLoad: function (args) {
//Do something
}
});displayTextRendering
The displayTextRendering event is triggered before rendering the data labels. You can use this event to customize the label text or change the text value.
//The displayTextRendering event for maps
$("#container").ejMap({
displayTextRendering: function (args) {
//Do something
}
});