nyc-lib: Home

Home maps.nyc.gov

nyc-lib (version v0.0.6)

A collection of javascript libraries used in the development New York City mapping applications.

All of these libraries depend on Proj4js, JQuery and rendering is enhanced by JQuery Mobile.

The nyc-lib javascript libraries provide various javascript classes to interact with New York City data and provide a standard UX across mapping applications.

These libraries provide functionality for applications utilizing OpenLayer 3, Leaflet, CartoDB and ChartJS.

Examples...

nyc-ol-lib (OpenLayers)

<link href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.11.2/ol.css" rel="stylesheet">
<link href="https://maps.nyc.gov/v0.0.6/css/nyc-ol-lib.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.12/proj4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.11.2/ol.js"></script>
<script src="https://maps.nyc.gov/v0.0.6/js/nyc-ol-lib.js"></script>

nyc-ol-redline-lib (OpenLayers)

<link href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.11.2/ol.css" rel="stylesheet">
<link href="https://maps.nyc.gov/v0.0.6/css/nyc-ol-redline-lib.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.12/proj4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.11.2/ol.js"></script>
<script src="https://maps.nyc.gov/v0.0.6/js/nyc-ol-redline-lib.js"></script>

nyc-carto-lib (CartoDB and ChartJS)

<link href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" rel="stylesheet">
<link href="https://maps.nyc.gov/v0.0.6/css/nyc-carto-lib.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<script src="https://maps.nyc.gov/v0.0.6/js/nyc-carto-lib.js"></script>

nyc-leaf-lib (Leaflet)

<link href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" rel="stylesheet">
<link href="https://maps.nyc.gov/v0.0.6/css/nyc-leaf-lib.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></script>
<script src="https://maps.nyc.gov/v0.0.6/js/nyc-leaf-lib.js"></script>