<!doctype HTML>
<link rel='stylesheet' href='leaflet/external/leaflet.css'>
<link rel='stylesheet' href='leaflet/external/leaflet-rCharts.css'>
<link rel='stylesheet' href='leaflet/external/legend.css'>
<link rel='stylesheet' href='http://www.liedman.net/leaflet-routing-machine/dist/leaflet-routing-machine.css'>
<script src='leaflet/external/leaflet.js' type='text/javascript'></script>
<script src='leaflet/external/leaflet-providers.js' type='text/javascript'></script>
<script src='leaflet/external/Control.FullScreen.js' type='text/javascript'></script>
<script src='http://www.liedman.net/leaflet-routing-machine/dist/leaflet-routing-machine.min.js' type='text/javascript'></script>
<style>
.rChart {
display: block;
margin-left: auto;
margin-right: auto;
width: 1450px;
height: 800px;
}
</style>
<div id = 'chart2b5c799649d9' class = 'rChart leaflet'></div>
<script>
var spec = { "dom": "chart2b5c799649d9", "width": 1450, "height": 800, "urlTemplate": "http://{s}.tile.osm.org/{z}/{x}/{y}.png", "layerOpts": { "attribution": "Map dataOpenStreetMap\n contributors, ImageryMapBox" }, "center": [ 40.73846, -73.99413 ], "zoom": 16, "provider": "Stamen.TonerLite", "id": "chart2b5c799649d9" }
var map = L.map(spec.dom, spec.mapOpts)
map.setView(spec.center, spec.zoom);
if (spec.provider){
L.tileLayer.provider(spec.provider).addTo(map)
} else {
L.tileLayer(spec.urlTemplate, spec.layerOpts).addTo(map)
}
if (spec.circle2){
for (var c in spec.circle2){
var circle = L.circle(c.center, c.radius, c.opts)
.addTo(map);
}
}
<script>
var mywaypoints = [
[ 40.74119, -73.9925 ],
[ 40.73573, -73.99302 ]
]
L.Routing.control({
waypoints: [
L.latLng.apply(null, mywaypoints[0]),
L.latLng.apply(null, mywaypoints[1])
]
}).addTo(map);
</script>