The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Interactive map
MihaiTim
post Jan 29 2023, 02:38 PM
Post #1





Group: Members
Posts: 1
Joined: 29-January 23
Member No.: 28,776



Hello! I have created an interactive map - Romania - (every region scale out when you are with the mouse over it and come back after your mouse is out) with SVG elements. I put the colors for every region (as you can see in the photo) and I am trying very hard to find a way to put the according names to every region. (In the photo the names are shown because I added them later but in the code, they are not added). Also, after I will find a way to add them, I want them to scale out at the same time with the region they belong in.
After I will solve the problem with the names I want to make the regions clickable to redirect to an URL.
Here you can see the photo
Here you can see the live map: on my website

From here you can download the code because it is too long to insert here because of the path of SVG files.

Any advice will help me. Thank you very much in advance! I am struggling with it for the last 2 days.


Attached File  test_interactive_map.html ( 222.81k ) Number of downloads: 64


This post has been edited by MihaiTim: Jan 29 2023, 02:43 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th April 2024 - 02:07 AM