Public Methods and Events

Methods

navigateTo(latitude, longitude, level)

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

<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>