enjalot/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Copy-paste of the official mapbox example, but with the data copied into the block
Built with blockbuilder.org
forked from enjalot's block: mapbox: omnivore.topojson

  
## index.html
<!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.5, -0.02], 10);

// 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 topoLayer = omnivore.topojson('london-neighborhoods.topojson')
    .addTo(map);
</script>
</body>
</html>

## london-neighborhoods.topojson

      
Display the source blob

    
Display the rendered blob

    
    Raw
  

              london-neighborhoods.topojson
            
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## thumbnail.png

      
    Raw
  

              thumbnail.png
	<!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.5, -0.02], 10);

	// 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 topoLayer = omnivore.topojson('london-neighborhoods.topojson')
	.addTo(map);
	</script>
	</body>
	</html>