Copy-paste of the official mapbox example, but with the data copied into the block
Built with blockbuilder.org
Copy-paste of the official mapbox example, but with the data copied into the block
Built with blockbuilder.org
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset=utf-8 /> | |
<title>TopoJSON data</title> | |
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> | |
<script src='https://api.mapbox.com/mapbox.js/v2.3.0/mapbox.js'></script> | |
<link href='https://api.mapbox.com/mapbox.js/v2.3.0/mapbox.css' rel='stylesheet' /> | |
<style> | |
body { margin:0; padding:0; } | |
#map { position:absolute; top:0; bottom:0; width:100%; } | |
</style> | |
</head> | |
<body> | |
<script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-omnivore/v0.2.0/leaflet-omnivore.min.js'></script> | |
<div id='map'></div> | |
<script> | |
L.mapbox.accessToken = 'pk.eyJ1IjoiZW5qYWxvdCIsImEiOiIzOTJmMjBiZmI2NGQ2ZjAzODhiMzhiOGI2MTI1YTk4YSJ9.sIOXXU3TPp5dLg_L3cUxhQ'; | |
var map = L.mapbox.map('map', 'mapbox.streets').setView([51, -0.02], 5); | |
// Omnivore will AJAX-request this file behind the scenes and parse it: | |
// note that there are considerations: | |
// - The file must either be on the same domain as the page that requests it, | |
// or both the server it is requested from and the user's browser must | |
// support CORS. | |
// Internally this function uses the TopoJSON library to decode the given file | |
// into GeoJSON. | |
var usLayer = omnivore.topojson('world110m.json') | |
.addTo(map); | |
</script> | |
</body> | |
</html> |