Marker Events

Since the controls used for events on features don’t work with the markers layer, there are events that the marker triggers itself as an alternative solution. These events are explained in the table below.

Supported Events

Event	Description
`markerover`	Triggered when mouse is over a marker. Listeners will receive an object with an event property.
`markerout`	Triggered when mouse is out of a marker. Listeners will receive an object with an event property.
`markerclick`	Triggered when mouse clicks on a marker. The event object passed to listeners will have an event property.

Hover Over The Marker

var map = new ALKMaps.Map("map");
var layer = new ALKMaps.Layer.BaseMap(
  "ALK Maps",
  { style: ALKMaps.STYLE.LIGHTNESS },
  {}
);
var markers = new ALKMaps.Layer.Markers("Markers Layer");
map.addLayers([layer, markers]);

var center = new ALKMaps.LonLat(-96, 38).transform(
  new ALKMaps.Projection("EPSG:4326"),
  map.getProjectionObject()
);
map.setCenter(center, 4);

var icon = new ALKMaps.Icon(
  ALKMaps.IMAGE.TRUCK_GREEN,
  new ALKMaps.Size(30, 30)
);
var mkrTruck = new ALKMaps.Marker(center, icon.clone(), null, {
  map: map
});
markers.addMarker(mkrTruck);
mkrTruck.events.register("markerover", this, function(event) {
  mkrTruck.setUrl(ALKMaps.IMAGE.TRUCK_RED);
});
mkrTruck.events.register("markerout", this, function(event) {
  mkrTruck.setUrl(ALKMaps.IMAGE.TRUCK_GREEN);
});

WEB SDK & APIs

INTERACTIVE MAPS

SOAP APIs (Web Services)

RESTful APIs (Web Services)

MOBILE SDK & APIs

COPILOT NAVIGATION

INTERACTIVE MAPS

Marker Events

Hover Over The Marker