D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
wboykinm
Full window
Github gist
Basic GeoJSON example
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Load GeoJSON</title> <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' /> <script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.js'></script> <link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.css' rel='stylesheet' /> <style> body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } </style> </head> <body> <div id='map'></div> <script> var geojson = [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-77.03238901390978,38.913188059745586] }, "properties": { "title": "Mapbox DC", "description": "1714 14th St NW, Washington DC", "marker-color": "#fc4353", "marker-size": "large", "marker-symbol": "monument" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-122.414, 37.776] }, "properties": { "title": "Mapbox SF", "description": "155 9th St, San Francisco", "marker-color": "#fc4353", "marker-size": "large", "marker-symbol": "harbor" } } ]; L.mapbox.map('map', 'examples.map-9ijuk24y') .setView([37.8, -96], 4) .featureLayer.setGeoJSON(geojson); </script> </body> </html>
https://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.js