Methods

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
}