Methods

Method for navigating to specific shape based on latitude, longitude and zoom level, you can use navigateTo method.

  • cshtml
  • @(Html.EJ().Map("Map1"))
  • js
  • var map = $("#Map1").data("ejMap");
    map.navigateTo();

    pan(direction)

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

  • cshtml
  • @(Html.EJ().Map("Map1"))
  • js
  • var map = $("#Map1").data("ejMap");
    map.pan();

    refresh()

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

  • cshtml
  • @(Html.EJ().Map("Map1"))
  • js
  • var map = $("#Map1").data("ejMap");
    map.refresh();

    refreshLayers()

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

  • cshtml
  • @(Html.EJ().Map("Map1"))
  • js
  • var map = $("#Map1").data("ejMap");
    map.refreshLayers();

    refreshNavigationControl(navigation)

    Method to reload the navigation control with updated values, you can use refreshNavigationControl method.

  • cshtml
  • @(Html.EJ().Map("Map1"))
  • js
  • var map = $("#Map1").data("ejMap");
    map.refreshNavigationControl();

    zoom(level, isAnimate)

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

  • cshtml
  • @(Html.EJ().Map("Map1"))
  • js
  • var map = $("#Map1").data("ejMap");
    map.zoom();

    Events

    MarkerSelected

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .MarkerSelected("MarkerSelected")
    
    )
  • js
  • function MarkerSelected(){
        // Do Something
    }

    Mouseleave

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .Mouseleave("MouseLeave")
    
    )
  • js
  • function MouseLeave(){
        // Do Something
    }

    Mouseover

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .Mouseover("MouseOver")
    
    )
  • js
  • function MouseOver(){
        // Do Something
    }

    OnRenderComplete

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .OnRenderComplete("RenderComplete")
    
    )
  • js
  • function RenderComplete(){
        // Do Something
    }

    Panned

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .Panned("Panned")
    
    )
  • js
  • function Panned(){
        // Do Something
    }

    ShapeSelected

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .ShapeSelected("ShapeSelected")
    
    )
  • js
  • function ShapeSelected(){
        // Do Something
    }

    ZoomedIn

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .ZoomedIn("ZoomedIn")
    
    )
  • js
  • function ZoomedIn(){
        // Do Something
    }

    ZoomedOut

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .ZoomedOut("ZoomedOut")
    
    )
  • js
  • function ZoomedOut(){
        // Do Something
    }

    ShapeRendering

    The ShapeRendering event is triggered while rendering each shape in the map.

  • cshtml
  • @(Html.EJ().Map("container")
    
    .ShapeRendering("shape")
    
    )
  • js
  • function shape(){
        // Do Something
    }

    BubbleRendering

    The BubbleRendering event is triggered while rendering each bubble in the map.

  • cshtml
  • @(Html.EJ().Map("container")
    
    .BubbleRendering("bubble")
    
    )
  • js
  • function bubble(){
        // Do Something
    }

    LegendItemRendering

    The LegendItemRendering event is triggered before rendering each legend in the map.

  • cshtml
  • @(Html.EJ().Map("container")
    
    .LegendItemRendering("legend")
    
    )
  • js
  • function legend(){
        // Do Something
    }

    Click

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .Click("click")
    
    )
  • js
  • function click(){
        // Do Something
    }

    DoubleClick

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .DoubleClick("doubleClick")
    
    )
  • js
  • function doubleClick(){
        // Do Something
    }

    RightClick

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .RightClick("rightClick")
    
    )
  • js
  • function rightClick(){
        // Do Something
    }

    Load

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

  • cshtml
  • @(Html.EJ().Map("container")
    
    .Load("load")
    
    )
  • js
  • function load(){
        // Do Something
    }