Hi, I am trying to create a map with multiple markers. Hovering over each marker should bring up info, including a link.
Initially, I tried Google My Maps but this doesn’t seem to allow you to hover (info slides in from left). I am now using an image of a map, adding divs as the markers with tooltips.
However, I have two issues to resolve. The first is how to style the tooltips? I followed the instructions from http://tooltipster-for-webflow.webflow.io/ which works but their example has an arrow on the tooltip along with a black background. I guess this is done through custom attributes but can’t find a tutorial for this?
The second issue is how to place the marker divs so that they remain in the correct position on the map. The way I have it at the moment, the map moves with the browser but the marker div doesn’t.
This is the page http://echo-geo.webflow.io/projects and my shared link is https://preview.webflow.com/preview/echo-geo?preview=7a9097516c0a6f5b1a5b8ca1e711544e
Any help would be very much appreciated.