Code

Map of New York City

Map of New York City

Map of New York city

Interactive clickable and responsive map of New York city with boroughs and neighborhood areas 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 New York city gives you an easy way to install and customize a professional looking interactive map with clickable neighborhood areas. You can embed the map in your website and link each neighborhood area 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 borough and neighborhood area for. (you need only edit content of “data-title” and “data-subtitle” 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/html files

List of the clickable boroughs in the map of New York city

Each neighborhood area of each borough can be customized independently (link, hover information, color, etc.).

  1. Staten Island
  2. Brooklyn
  3. Manhattan
  4. Bronx
  5. Queens

File Included :

1. folder with documentation (html wile with some images)
2. an file index.html (svg with pathes)
3. an file with styles (new_york_city.css)
4. an file with logic for hover (new_york_city.js)
5. an external connection of jQuery
6. Included 5 boroughs of New York city
by
by
by
by
by
by