Methods

Method for navigating to specific shape based on latitude, longitude and zoom level.

  • html
  • <ej-map id="Map">
    </ej-map>
    
    var map = $("#Map").data("ejMap");
    map.navigateTo();

    pan(direction)

    Method to perform map panning

  • html
  • <ej-map id="Map">
    </ej-map>
    
    var map = $("#Map").data("ejMap");
    map.pan();

    refresh()

    Method to reload the map.

  • html
  • <ej-map id="Map">
    </ej-map>
    
    var map = $("#Map").data("ejMap");
    map.refresh();

    refreshLayers()

    Method to reload the shapeLayers with updated values

  • html
  • <ej-map id="Map">
    </ej-map>
    
    var map = $("#Map").data("ejMap");
    map.refreshLayers();

    refreshNavigationControl(navigation)

    Method to reload the navigation control with updated values.

  • html
  • export class AppComponent {
    
    <ej-map id="Map">
    </ej-map>
    
    var map = $("#Map").data("ejMap");
    map.refreshNavigationControl();

    zoom(level, isAnimate)

    Method to perform map zooming.

  • html
  • <ej-map id="Map">
    </ej-map>
    
    var map = $("#Map").data("ejMap");
    map.zoom();

    Events

    markerSelected

    Triggered on selecting the map markers.

  • html
  • <ej-map id="CircularGauge" marker-selected="MarkerSelected">
    </ej-map>
    
    <script type="text/javascript">
        function MarkerSelected(args) {
            // Do Something
        }
    </script>

    mouseLeave

    Triggers while leaving the hovered map shape

  • html
  • <ej-map id="CircularGauge" mouse-leave="MouseLeave">
    </ej-map>
    
    <script type="text/javascript">
        function MouseLeave(args) {
            // Do Something
        }
    </script>

    mouseover

    Triggers while hovering the map shape.

  • html
  • <ej-map id="CircularGauge" mouse-over="MouseOver">
    </ej-map>
    
    <script type="text/javascript">
        function MouseOver(args) {
            // Do Something
        }
    </script>

    onRenderComplete

    Triggers once map render completed.

  • html
  • <ej-map id="CircularGauge" on-render-complete="OnRenderComplete">
    </ej-map>
    
    <script type="text/javascript">
        function OnRenderComplete(args) {
            // Do Something
        }
    </script>

    panned

    Triggers when map panning ends.

  • html
  • <ej-map id="CircularGauge" panned="Panned">
    </ej-map>
    
    <script type="text/javascript">
        function Panned(args) {
            // Do Something
        }
    </script>

    shapeSelected

    Triggered on selecting the map shapes.

  • html
  • <ej-map id="CircularGauge" shape-selected="ShapeSelected">
    </ej-map>
    
    <script type="text/javascript">
        function ShapeSelected(args) {
            // Do Something
        }
    </script>

    zoomedIn

    Triggered when map is zoomed-in.

  • html
  • <ej-map id="CircularGauge" zoomed-in="ZoomedIn">
    </ej-map>
    
    <script type="text/javascript">
        function ZoomedIn(args) {
            // Do Something
        }
    </script>

    zoomedOut

    Triggers when map is zoomed out.

  • html
  • <ej-map id="CircularGauge" zoomed-out="ZoomedOut">
    </ej-map>
    
    <script type="text/javascript">
        function ZoomedOut(args) {
            // Do Something
        }
    </script>

    Copyright © 2001 - 2015 Syncfusion Inc. All Rights Reserved