Add this attribute to the empty DIV that will contain the MAP.
Customise the MAP using OPTIONS.
Add this attribute to the parent element that contains the ITEM elements that will be added to the MAP. If using CMS items, this will be the COLLECTION LIST element.
Customise the MARKERs and POPUPs for all ITEMs inside of a LIST using INHERITED OPTIONS.
Add this attribute to an element to add an associated MARKER to the MAP. If an ITEM is inside of a LIST parent element, it does need an epic-map-element=item attribute added.
An item requires either an address or both longitude and latitude coordinates to be added to the MAP.
epic-map-address="{{ITEM'S ADDRESS}}"
epicmaps uses Mapbox's Geocoding API to return longitude and latitude coordinates based on the ADDRESS attribute to position an ITEM's MARKER on the MAP.
Streets, cities and other areas can be used which will position that item's marker at the centre of the area.
OR
epic-map-lng="{{ITEM'S LONGITUDE}}"
epic-map-lat="{{ITEM'S LATITUDE}}"
Both attributes need to be added to the ITEM element.
These coordinates will be used to position the ITEM's MARKER on the MAP.
Customise the MARKER and POPUP for an ITEM using INHERITED OPTIONS.
Add this attribute to an element or collection of elements within an ITEM that will be that ITEM's MARKER on the MAP.
If added, a MARKER element will override any epic-map-marker color or classname attributes added to the ITEM or it's parent LIST.
Customise the MARKER using OPTIONS.
Add this attribute to an element or collection of elements within an ITEM that will be the POPUP attached to the ITEM's MARKER.
Customise the POPUP using OPTIONS.