Map of Sydney

Author userpic
by -ZStudio-
alt

Description

Map of Sydney

Interactive clickable and responsive map of Sydney with districts popup on hover. This map runs with javascript (jQuery) based on Scalable Vector Graphics (SVG), So it can be scaled to any size without losing its quality. The interactive template of the map of Sydney gives you an easy way to install and customize a professional looking interactive map with 14 clickable districts. You can embed the map in your website and link each district to any webpage or make hover popup with information.

Features:

1. The map consists of HTML/CSS/JS files.
2. It works on different platforms without any additional plugins.
3. Editable popup over each district and city for. (you need only edit content of “data-title” attribute)
4. Responsivness. This map can fit in its available dimension without horizontal scroll
5. Runs with javascript, no flash required, support iPad and iPhone
6. Full documentation included
7. Easily customized through simple JavaScript/css files

List of the clickable districts in the map of Sydney

Each district can be customized independently (link, hover information, etc).

  1. Outer West
  2. North West
  3. Parramatta
  4. Upper North Shore
  5. Lower North Shore
  6. Northern Beaches
  7. Central Sydney
  8. Eastern Suburbs
  9. South Sydney
  10. Mascot
  11. St George
  12. Sutherland Shire
  13. Inner West
  14. South West

File Included :

1. folder with documentation (html wile with some images)
2. an file index.html (svg with pathes)
3. an file with styles (sydney_map.css)
4. an file with logic for hover (sydney_map.js)
5. an external connection of jQuery
6. Included 14 districts of Sydney

Product tags











    • 6 month free support included from author
    • Free lifetime product updates guarantee
    • 360 degrees quality control
    Secure payment & money back guarantee

    Related products

    Our website uses cookies

    We use cookies on our website. By continuing to use our site, you consent to the use of cookies as described in our Cookies Policy.