This map uses the visualisation "Info Layer" - instead of showing pins for each data point, it renders the Info column as HTML within a div at each location.
Query for map plugin:
select c003 as lat, c004 as lng, c002 as name, c001 as id,
|| '<div class="infoTitle">' || c002 || '</div>'
|| '<div class="infoText">' || c006 || '</div>'
|| '<img class="infoIcon" src="#APP_IMAGES#' || c008 || '">'
|| '</div>' as info
from apex_collections where collection_name = 'MAP' and mod(c001,3)=0
The page's Inline CSS includes the following to style the content of each info overlay:
border: 1px solid #73AD21;
It should be noted that in the dynamic action code,
this.data.infoDiv is a reference to the div containing the content that the plugin generated, not the actual content itself; this is why we need to navigate to the firstChild to get the div that we generated in the SQL query.