CODEWITHSUNDEEP
htmlcss
dbsso
dbsso

Reputation: 191

Create custom interactive map

I want to create a simple "interactive" map, where there would be an image (the map) and some elements on it. I'd like my elements to glow/open a pop-up when hover or click on it, or even open a new page.

My process would be to create a new div, add new elements on it with a position:absolute and place them with top/left/right/bottom... and add CSS hover proprieties to the elements.

But, I know this might not be the appropriate way to do it.

My questions are :

  1. Can I do that using only HTML/CSS ? Or should I start learning new programing languages ?
  2. Is there any plugins or sites available for what I want to do ?

Upvotes: 1

Views: 2133

Answers (1)

Justin W. Johns
Justin W. Johns

Reputation: 119

I would recommend you use JavaScript with this for interactivity.

Check out the Google maps api. It can do what you are trying to do.

We have a helper plugin for maps api and jQuery for setting the markers on the map. http://github.com/Lucien-Consulting/Google-Map-Marker.git

Those two suggestions will get you started. Just jump in and try it!

Upvotes: 2

Related Questions