Make a Clickable SVG Map using HTML & CSS

Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

[daariioomaar]

Sir, you make me impress everyone at my work, I used your approach to create a perfectly svg map for my website. Thank you!!

[cryptofelix]

I didn't know about the svg path class, thank you!

[jamesnewbie]

Great video! Just wanna ask how u made it when u first imported the picture with the codes? And also how to make the hover function only with the seven continents ? Thxs!

[ameyapawar]

Can we zoom in and zoom out in map? if not is there any other way to do so? Great video btw...

[LennWeltmeister]

Helping with my API project in React + TS. Many thanks

[geoinformation]

Hola, gran video, cuando seleccionas el polygon y te aparece un desplegable con el nombre de pais, como podes editar el marcador, por ejemplo letras en negrita y una descripción? Gracias

[ritualgentle]

Heyoooo, everything in this video works perfectly fine, the only thing is that nothing happens when I click on the country, do you have any idea why that might be?

[manuel.camelo]

AWESOME but.. how the HECK did you managed to create the paths?

[shafiqrehman]

why ?in mobile country name as a text is not showing when hover a mouse.

[thecowmilk]

We need the xml code! Where can I find it?

[jeanjacques]

Hello
I followed your tutorial and it helps me a lot, Thank you
But I need help because I have a project on a clickable interactive map

[ryanl]

Please share the code, this is awesome!