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
    }