hotzeplotz · August 29, 2015 14:08
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset=utf-8 />
 <title>Loading markers from CSV</title>

 <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
 <script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.js'></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/leaflet-dvf/0.2/leaflet-dvf.js"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/leaflet-dvf/0.2/leaflet-dvf.markers.js"></script>

 <link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css' rel='stylesheet' />
 <link href='//cdnjs.cloudflare.com/ajax/libs/leaflet-dvf/0.2/css/dvf.css' />

 <style>
  body { margin:0; padding:0; }
  #map { position:absolute; top:0; bottom:0; width:100%; }
 </style>
 </head>
 <body>


 <script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-omnivore/v0.2.0/leaflet-omnivore.min.js'></script>
 <div id='map'></div>
 <script>
 L.mapbox.accessToken = 'pk.eyJ1IjoibHNlY2l0aWVzIiwiYSI6IjJ6ZjA5UGMifQ.8y1yiWucAic55wg5YoiTGQ';
 var map = L.mapbox.map('map', 'examples.map-i86nkdio')
    .setView([38, -95], 4);

 // omnivore will AJAX-request this file behind the scenes and parse it:
 // note that there are considerations:
 // - The CSV file must contain latitude and longitude values, in column
 //   named roughly latitude and longitude
 // - 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.
 omnivore.csv('largecities.csv').addTo(map);
 </script>


 </body>
 </html>
diff --git a/largecities.csv b/largecities.csv
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>Loading markers from CSV</title>

	<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
	<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.js'></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/leaflet-dvf/0.2/leaflet-dvf.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/leaflet-dvf/0.2/leaflet-dvf.markers.js"></script>

	<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css' rel='stylesheet' />
	<link href='//cdnjs.cloudflare.com/ajax/libs/leaflet-dvf/0.2/css/dvf.css' />

	<style>
	body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
	</style>
	</head>
	<body>


	<script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-omnivore/v0.2.0/leaflet-omnivore.min.js'></script>
	<div id='map'></div>
	<script>
	L.mapbox.accessToken = 'pk.eyJ1IjoibHNlY2l0aWVzIiwiYSI6IjJ6ZjA5UGMifQ.8y1yiWucAic55wg5YoiTGQ';
	var map = L.mapbox.map('map', 'examples.map-i86nkdio')
	.setView([38, -95], 4);

	// omnivore will AJAX-request this file behind the scenes and parse it:
	// note that there are considerations:
	// - The CSV file must contain latitude and longitude values, in column
	// named roughly latitude and longitude
	// - 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.
	omnivore.csv('largecities.csv').addTo(map);
	</script>


	</body>
	</html>
No results found