JSVG-MAP
Quickly provide dynamics maps to your visitors
What’s jsvg-map ?
This project aim to provide a quick way to draw a clickable map using SVG/VML.
It is delivered with the following map as example, but you can extend with yours:
- France_Dep_Map : Size 450x450
- France_Reg_Map : size 450x450
- Europe_Map : 800x600
- Europe_Map : 450x450 (in preparation)
- World_map : 800x600 (in preparation)
Advantages of jsvg-map ?
Purely Javascript/php with a Mysql Backend
No Java/flash or other add-ons/plug-ins are required for your visitors to see your map. It's supported on most modern browsers (IE 6,7,8 – FireFox 3.x – Safari – Opera – Chrome)
Highly configurable and Extendable
Customize color using predefine gradient or creating yours.
Customize the message displayed when you rollover an area.
Define your link when you click on a specific area
Few HTML lines to insert and very simple configuration file.
There is only few Javascript and Html lines to insert in the HEAD and BODY section to get it working in 5 minutes.
Easy Database integration
Data can be stored in a separate table and should contain at least a field named ‘AREA_ID’ type VARCHAR(4) and any other fields you need for your application.
Chosse the right information to display
Graphical representation include:
- count:
this is provide the number of entries per area_id. This is usefull for number of members per area for example - min,max,average:
this will provide the min, max or average value link to area_id. Example : min,max or average temperature in different room. - read :
will directly read the defined value for the specific area_id. Example : this is usefull if you have an exisiting table with contain 1 line per area with a specific value you want to display on the map.