
Map of Sydney
Interactive clickable and responsive map of Sydney with districts popup on hover. This map runs with javascript (jQuery) primarily based on Scalable Vector Graphics (SVG), So it may be scaled to any measurement with out dropping its high quality. The interactive template of the map of Sydney provides you a straightforward approach to set up and customise knowledgeable wanting interactive map with 14 clickable districts. You’ll be able to embed the map in your web site and hyperlink every district to any webpage or make hover popup with info.
Options:
1. The map consists of HTML/CSS/JS recordsdata.
2. It really works on totally different platforms with none extra plugins.
3. Editable popup over every district and metropolis for. (you want solely edit content material of “data-title” attribute)
4. Responsivness. This map can slot in its out there dimension with out horizontal scroll
5. Runs with javascript, no flash required, help iPad and iPhone
6. Full documentation included
7. Simply custom-made by means of easy JavaScript/css recordsdata
Record of the clickable districts within the map of Sydney
Every district will be custom-made independently (hyperlink, hover info, and many others).
- Outer West
- North West
- Parramatta
- Higher North Shore
- Decrease North Shore
- Northern Seashores
- Central Sydney
- Japanese Suburbs
- South Sydney
- Mascot
- St George
- Sutherland Shire
- Internal West
- South West
File Included :
1. folder with documentation (html wile with some photographs)
2. an file index.html (svg with pathes)
3. an file with types (sydney_map.css)
4. an file with logic for hover (sydney_map.js)
5. an exterior connection of jQuery
6. Included 14 districts of Sydney
Source