Methods
navigateTo(latitude, longitude, level)
Method for navigating to specific shape based on latitude, longitude and zoom level, you can use navigateTo
method.
@(Html.EJ().Map("Map1"))
var map = $("#Map1").data("ejMap");
map.navigateTo();
pan(direction)
Method to perform map panning, you can use pan
method.
@(Html.EJ().Map("Map1"))
var map = $("#Map1").data("ejMap");
map.pan();
refresh()
Method to reload the map, you can use refresh
method.
@(Html.EJ().Map("Map1"))
var map = $("#Map1").data("ejMap");
map.refresh();
refreshLayers()
Method to reload the shapeLayers with updated values, you can use refreshLayers
method.
@(Html.EJ().Map("Map1"))
var map = $("#Map1").data("ejMap");
map.refreshLayers();
refreshNavigationControl(navigation)
Method to reload the navigation control with updated values, you can use refreshNavigationControl
method.
@(Html.EJ().Map("Map1"))
var map = $("#Map1").data("ejMap");
map.refreshNavigationControl();
zoom(level, isAnimate)
Method to perform map zooming, you can use zoom
method.
@(Html.EJ().Map("Map1"))
var map = $("#Map1").data("ejMap");
map.zoom();
Events
MarkerSelected
Triggered on selecting the map markers, you can use MarkerSelected
event.
@(Html.EJ().Map("container")
.MarkerSelected("MarkerSelected")
)
function MarkerSelected(){
// Do Something
}
Mouseleave
Triggers while leaving the hovered map shape, you can use Mouseleave
event.
@(Html.EJ().Map("container")
.Mouseleave("MouseLeave")
)
function MouseLeave(){
// Do Something
}
Mouseover
Triggers while hovering the map shape, you can use mouseover
event.
@(Html.EJ().Map("container")
.Mouseover("MouseOver")
)
function MouseOver(){
// Do Something
}
OnRenderComplete
Triggers once map render completed, you can use OnRenderComplete
event.
@(Html.EJ().Map("container")
.OnRenderComplete("RenderComplete")
)
function RenderComplete(){
// Do Something
}
Panned
Triggers when map panning ends, you can use Panned
event.
@(Html.EJ().Map("container")
.Panned("Panned")
)
function Panned(){
// Do Something
}
ShapeSelected
Triggered on selecting the map shapes, you can use ShapeSelected
event.
@(Html.EJ().Map("container")
.ShapeSelected("ShapeSelected")
)
function ShapeSelected(){
// Do Something
}
ZoomedIn
Triggered when map is zoomed-in, you can use ZoomedIn
event.
@(Html.EJ().Map("container")
.ZoomedIn("ZoomedIn")
)
function ZoomedIn(){
// Do Something
}
ZoomedOut
Triggers when map is zoomed out, you can use ZoomedOut
event.
@(Html.EJ().Map("container")
.ZoomedOut("ZoomedOut")
)
function ZoomedOut(){
// Do Something
}
ShapeRendering
The ShapeRendering
event is triggered while rendering each shape in the map.
@(Html.EJ().Map("container")
.ShapeRendering("shape")
)
function shape(){
// Do Something
}
BubbleRendering
The BubbleRendering
event is triggered while rendering each bubble in the map.
@(Html.EJ().Map("container")
.BubbleRendering("bubble")
)
function bubble(){
// Do Something
}
LegendItemRendering
The LegendItemRendering
event is triggered before rendering each legend in the map.
@(Html.EJ().Map("container")
.LegendItemRendering("legend")
)
function legend(){
// Do Something
}
Click
Triggers while clicking on the layers of the map, you can use Click
event.
@(Html.EJ().Map("container")
.Click("click")
)
function click(){
// Do Something
}
DoubleClick
Triggers while double clicking on the layers of the map, you can use DoubleClick
event.
@(Html.EJ().Map("container")
.DoubleClick("doubleClick")
)
function doubleClick(){
// Do Something
}
RightClick
Triggers while right clicking on the layers of the map, you can use RightClick
event.
@(Html.EJ().Map("container")
.RightClick("rightClick")
)
function rightClick(){
// Do Something
}
Load
Triggers before loading the map, you can use Load
event.
@(Html.EJ().Map("container")
.Load("load")
)
function load(){
// Do Something
}