This example displays a movable map of Chicago with a single marker highlighting the location of Soldier Field (41.8625°N, 87.6166°W), home of the Chicago Bears. Marker displays the letter C in the correct club colors.

The marker is capable of receiving DOM (Document Object Model) events such as mouseenter, mouseleave etc. The marker will fade if the mouse pointer is placed over it.

Code

DOM markers are created by using the H.map.DomMarker class by providing a H.map.DomIcon.