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 ClientIDMode="Static" runat="server" ID="Map1">

</ej:Map>

JS

var map = $("#Map1").data("ejMap");
map.navigateTo();

pan(direction)

Method to perform map panning, you can use pan method.

HTML

<ej:Map ClientIDMode="Static" runat="server" ID="Map1">

</ej:Map>

JS

var map = $("#Map1").data("ejMap");
map.pan();

refresh()

Method to reload the map, you can use refresh method.

HTML

<ej:Map ClientIDMode="Static" runat="server" ID="Map1">

</ej:Map>

JS

var map = $("#Map1").data("ejMap");
map.refresh();

refreshLayers()

Method to reload the shapeLayers with updated values, you can use refreshLayers method.

HTML

<ej:Map ClientIDMode="Static" runat="server" ID="Map1">

</ej:Map>

JS

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 ClientIDMode="Static" runat="server" ID="Map1">

</ej:Map>

JS

var map = $("#Map1").data("ejMap");
map.refreshNavigationControl();

zoom(level, isAnimate)

Method to perform map zooming, you can use zoom method.

HTML

<ej:Map ClientIDMode="Static" runat="server" ID="Map1">

</ej:Map>

JS

var map = $("#Map1").data("ejMap");
map.zoom();

Events

MarkerSelected

Triggered on selecting the map markers, you can use MarkerSelected event.

HTML

<ej:Map ClientIDMode="Static" OnClientMarkerSelected="onMarkerSelected" runat="server" ID="Map1">

</ej:Map>

JS

function onMarkerSelected(){
    // Do Something
}

Mouseleave

Triggers while leaving the hovered map shape, you can use Mouseleave event.

HTML

<ej:Map ClientIDMode="Static" OnClientMouseleave="onMouseleave" runat="server" ID="Map1">

</ej:Map>

JS

function onMouseLeave(){
    // Do Something
}

Mouseover

Triggers while hovering the map shape, you can use mouseover event.

HTML

<ej:Map ClientIDMode="Static" OnClientMouseover="onMouseover" runat="server" ID="Map1">

</ej:Map>

JS

function onMouseOver(){
    // Do Something
}

OnRenderComplete

Triggers once map render completed, you can use OnRenderComplete event.

HTML

<ej:Map ClientIDMode="Static" OnClientOnRenderComplete="OnRenderComplete" runat="server" ID="Map1">

</ej:Map>

JS

function OnRenderComplete(){
    // Do Something
}

Panned

Triggers when map panning ends, you can use Panned event.

HTML

<ej:Map ClientIDMode="Static" OnClientPanned="onPanned" runat="server" ID="Map1">

</ej:Map>

JS

function onPanned(){
    // Do Something
}

ShapeSelected

Triggered on selecting the map shapes, you can use ShapeSelected event.

HTML

<ej:Map ClientIDMode="Static" OnClientShapeSelected="onShapeSelected" runat="server" ID="Map1">

</ej:Map>

JS

function onShapeSelected(){
    // Do Something
}

ZoomedIn

Triggered when map is zoomed-in, you can use ZoomedIn event.

HTML

<ej:Map ClientIDMode="Static" OnClientZoomedIn="onZoomedIn" runat="server" ID="Map1">

</ej:Map>

JS

function onZoomedIn(){
    // Do Something
}

ZoomedOut

Triggers when map is zoomed out, you can use ZoomedOut event.

HTML

<ej:Map ClientIDMode="Static" OnClientZoomedOut="onZoomedOut" runat="server" ID="Map1">

</ej:Map>

JS

function onZoomedOut(){
    // Do Something
}

shapeRendering

Triggers while rendering rendering each shape, you can use ShapeRendering event.

HTML

<ej:Map ClientIDMode="Static" OnClientShapeRendering="onShapeRendering" runat="server" ID="Map1">

</ej:Map>

JS

function onShapeRendering(){
    // Do Something
}

bubbleRendering

Triggers while rendering each bubble, you can use BubbleRendering event.

HTML

<ej:Map ClientIDMode="Static" OnClientZoomedOut="onBubbleRendering" runat="server" ID="Map1">

</ej:Map>

JS

function onBubbleRendering(){
    // Do Something
}

legendItemRendering

Triggers while rendering each bubble, you can use LegendItemRendering event.

HTML

<ej:Map ClientIDMode="Static" OnClientLegendItemRendering="onLegendItemRendering" runat="server" ID="Map1">

</ej:Map>

JS

function onLegendItemRendering(){
    // Do Something
}

Click

Triggers while clicking on the layers of the map, you can use Click event.

HTML

<ej:Map ClientIDMode="Static" OnClientClick="onClick" runat="server" ID="Map1">

</ej:Map>

JS

function onClick(){
    // Do Something
}

DoubleClick

Triggers while double clicking on the layers of the map, you can use DoubleClick event.

HTML

<ej:Map ClientIDMode="Static" OnClientDoubleClick="onDoubleClick" runat="server" ID="Map1">

</ej:Map>

JS

function onDoubleClick(){
    // Do Something
}

RightClick

Triggers while right clicking on the layers of the map, you can use RightClick event.

HTML

<ej:Map ClientIDMode="Static" OnClientRightClick="onRightClick" runat="server" ID="Map1">

</ej:Map>

JS

function onRightClick(){
    // Do Something
}

Load

Triggers before loading the map, you can use Load event.

HTML

<ej:Map ClientIDMode="Static" OnClientLoad="onLoad" runat="server" ID="Map1">

</ej:Map>

JS

function onLoad(){
    // Do Something
}