The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to make pins on this map clickable in this example?

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #46120


    I’m trying to learn more about js and I saw a cool example of a map with some custom pins on it. I’m trying to do something similar but make the pins clickable so they go to some URL when clicked. The way that map is setup the pins aren’t clickable and appear to be just for illustration.

    I tried putting tags around the pins, but it appears the pins are positioned using “absolute” and seem to ignore my attempts to make each of the entire pins clickable.

    Can anyone show me how I could do this? The jsfiddle is below:

    [,js,html,css/presentation/](,js,html,css/presentation/ “jsfiddle example”)


    There was some css called “pointer-events” and it was set to none so mouse events were being captured. Never knew about pointer-events, but that is why the links were not clickable.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.