Actions

What Are Actions?

epic-map-trigger
=
action

The epicmaps Actions system uses TRIGGERs and ACTIONs to add interactivty to ITEMs and MARKERs.

For example, use the On Hover trigger and the Popup action so that when a user hovers over a LIST ITEM, it opens the POPUP attached to that ITEM's MARKER. Then use the On Hover-Off trigger and the Close Popup action to automatically close the POPUP when the user's mouse moves off of the LIST ITEM.

Triggers

On Hover

Add the epic-map-onhover attribute to either an ITEM or a MARKER element to trigger it's associated action when a user hovers over that element.

Add the attribute to a LIST element for that action to apply to all ITEM elements within that LIST.

Add the epic-map-marker_onhover attribute to either an ITEM element to apply that action to that ITEM's MARKER.

Add the attribute to a LIST element for that action to apply to all ITEM MARKERs within that LIST.

On Hover-Off

Add the epic-map-onhoveroff attribute to either an ITEM or a MARKER element to trigger it's associated action when a user moves their mouse off of that element.

Add the attribute to a LIST element for that action to apply to all ITEM elements within that LIST.

Add the epic-map-marker_onhoveroff attribute to either an ITEM element to apply that action to that ITEM's MARKER.

Add the attribute to a LIST element for that action to apply to all ITEM MARKERs within that LIST.

On Click

Add the epic-map-onclick attribute to either an ITEM or a MARKER element to trigger it's associated action when a user clicks on that element.

Add the attribute to a LIST element for that action to apply to all ITEM elements within that LIST.

Add the epic-map-marker_onclick attribute to either an ITEM element to apply that action to that ITEM's MARKER.

Add the attribute to a LIST element for that action to apply to all ITEM MARKERs within that LIST.

Actions

Popup

This action opens the POPUP for this ITEM's MARKER.

Close Popup

This action closes the POPUP for this ITEM's MARKER.

Goto

This action moves the MAP to center on this ITEM's MARKER

Add Class

This action adds a class to this ITEM's MARKER / this MARKER.

Replace --CLASS-- with the class to be added.

Remove Class

This action removes a class from this ITEM's MARKER / this MARKER.

Replace --CLASS-- with the class to be removed.

Add Item Class

This action adds a class to this ITEM / this MARKER’s ITEM.

Replace --CLASS-- with the class to be added.

Remove Item Class

This action removes a class from this ITEM / this MARKER’s ITEM.

Replace --CLASS-- with the class to be removed.