Everything-Is-Spatial/example1.html at master · Rlapham/Everything-Is-Spatial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!--  The most basic web map. -->

<!DOCTYPE html>
<!-- Leaflet Guide: http://leafletjs.com/examples/quick-start.html -->

<html lang="en">
<head>
	<style type="text/css">
	body { margin:0; padding: 0;}
	html, #map { position:absolute; top:0; bottom:0; width:100%;}
	</style>

	<title> Base Layer </title>

	<!-- Leaflet -->
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
	<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
</head>

<body>
	<div id="map"></div>
	<script>
	var map = L.map('map').setView([40.729, -73.993], 11);

	L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
		attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
		maxZoom: 18,
	}).addTo(map);
	</script>
</body>
</html>