Developer Guide

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);           
});

Developer Guide

Leaflet Guide

OpenLayers Guide

Marker Events

Hover Over The Marker