tmcw/example-single.geojson

## example-single.geojson

      
Display the source blob

    
Display the rendered blob

    
    Raw
  

              example-single.geojson
            
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
  <script src='http://api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
  <link href='http://api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
  <!--[if lte IE 8]>
    <link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.ie.css' rel='stylesheet'>
  <![endif]-->
  <style>
    body { margin:0; padding:0; }
    #map { position:absolute; top:0; bottom:0; width:100%; }
  </style>
</head>
<body>
<div id='map'></div>
<script type='text/javascript'>
var map = L.mapbox.map('map', 'examples.map-9ijuk24y')
    .setView([38, -102.0], 9);

// As with any other AJAX request, this technique is subject to the Same Origin Policy:
// http://en.wikipedia.org/wiki/Same_origin_policy
// So the CSV file must be on the same domain as the Javascript, or the server
// delivering it should support CORS.
var markerLayer = L.mapbox.markerLayer()
    .loadURL('example-single.geojson')
    .addTo(map);

markerLayer.on('layeradd', function(e) {
    e.layer.feature.properties['marker-color'] = '#000';
    e.layer.setIcon(L.mapbox.marker.icon(e.layer.feature.properties));
});
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title></title>
	<script src='http://api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
	<link href='http://api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
	<!--[if lte IE 8]>
	<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.ie.css' rel='stylesheet'>
	<![endif]-->
	<style>
	body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
	</style>
	</head>
	<body>
	<div id='map'></div>
	<script type='text/javascript'>
	var map = L.mapbox.map('map', 'examples.map-9ijuk24y')
	.setView([38, -102.0], 9);

	// As with any other AJAX request, this technique is subject to the Same Origin Policy:
	// http://en.wikipedia.org/wiki/Same_origin_policy
	// So the CSV file must be on the same domain as the Javascript, or the server
	// delivering it should support CORS.
	var markerLayer = L.mapbox.markerLayer()
	.loadURL('example-single.geojson')
	.addTo(map);

	markerLayer.on('layeradd', function(e) {
	e.layer.feature.properties['marker-color'] = '#000';
	e.layer.setIcon(L.mapbox.marker.icon(e.layer.feature.properties));
	});
	</script>
	</body>
	</html>