D3 Examples - GeoJSON data on Leaflet Map with MapBox tiles

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
​
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7/leaflet.min.js"></script>
    <script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.js'></script>
    <link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.css' rel='stylesheet' />
    <style>
    html,
    body {
        height: 100%;
        width: 100%;
    }
    body {
        margin: 0;
    }
    #map {
        width: 100%;
        height: 100%;
    }
    </style>
</head>
​
<body>
​
    <div id="map"></div>
    <script type="text/javascript">
    var mapboxTiles = L.tileLayer('https://{s}.tiles.mapbox.com/v3/examples.map-zr0njcqy/{z}/{x}/{y}.png', {
        attribution: '<a href="https://www.mapbox.com/about/maps/" target="_blank">Terms &amp; Feedback</a>'
    });
​
    var map = L.map('map')
        .addLayer(mapboxTiles)
        .setView([40.724936, -73.991455], 16);
​
    var line = L.mapbox.featureLayer()
        .loadURL('line.geojson')
        .addTo(map);
​
    var points = L.mapbox.featureLayer()
        .loadURL('points.geojson')
        .addTo(map);
    </script>
</body>
​
</html>
​
    