Create Responsive SVG Image Maps

Created by Tuts+ in association with .net magazine and Creative Bloq.

[Crakkovia]

Today in 2021 this video is of great value and the clarity with which you explain it, thank you very much.

[shahbokhari]

Hi, This tutorial on creating Responsive SVG Image Maps is really inspirational.
Do you have a video tutorial course or series on this in details?
Thanks so much for sharing. 

[marcusbaptiste]

Excellent tutorial. This saved me a lot of work and headache

[ashishmanandhar]

Thanks for this wonderful informative video. Can we add in a pop up box when hovered over? Thanks

[ANMALIMRAN]

This is excellent! Simple and monkey friendly demonstration. Peoples with a little bit of experience on coding never publish something for those are less familiar with codes! However, I found this so simple and effective. Thanks to the creator of this video and would like to request for more video on the trick of adding zoon in and out button on a map. Struggling for a while and didn't find a solution yet.

[edz]

Fantastic tutorial, even after all this time. The only change I needed to make was to give the xlink titles an xlink:title instead of just title, so I'm guessing things have moved on in the last five years! I spotted the fact you forgot to add the clip-paths and was waiting for you to notice which you sure enough did. Thanks for the video!

[gordymc]

This guy.... is real good! (Y)

Very well explained, no rushing or anything - but you didn't really explain why you put the W3c link in there, I presume it works in the same way as a JavaScript Library link?

[RobKnol]

Super tutorial, this is exactly where I was searching for!

[tomaslopez]

Thank you! This tutorial is very helpful.

[CodeWithShashwatGupta]

you are awesome... illustrious video. Thnx for made

[rajatgulati]

Thank you so much for this video. It's really helpful.

[sinabeyraghdar]

Very very awesome job thanks for this great tutorial :)

[juliusnepos]

Very nice, I used Corel Draw and was able to embed a bitmap on layer one and just draw the vector graphics (SVG) over that layer. Still not sure how it will display the underlying bitmap but we'll see.

[dacianungur]

Old tutorial, but rare and value information, thanks man.

[AbhinashKujur-uddb]

I don't have that button( resize page to drawing or selection) so how to get it?

[SureshKaria]

Thank You very much for this tutorial!

[Maxpayam]

Hi, Where can I copy the code? I'm just too lazy to write all of this by hand. :-) Thanks

[RicardoMartinez-nsxv]

This is great but anyone know how I can use this code in wordpress - is it even possible? I've created a map and now I want to put this interactive map on my wordpress theme site - how do I do that? Please help me, thank you for this.

[anjamuller]

Really good tutorial and it worked for me... not..
When i call the svg-image directly, it all works fine. But when i parse it through a html-file on my apache webserver, all links have gone. Anybody with the same problem? Solutions?

[otdvrif]

Thanks very much and please use an external mic - it really hurts when you type.