-
Notifications
You must be signed in to change notification settings - Fork 2
/
quickstart.html
38 lines (26 loc) · 1.39 KB
/
quickstart.html
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
32
33
34
35
36
37
38
<html>
<head>
<script type="text/javascript" src="leaflet/leaflet.js"></script>
<link rel="stylesheet" href="leaflet/leaflet.css" />
<link type="text/css" rel="stylesheet" href="leafquickcss.css" />
</head>
<body>
<!--
Need to add some styling to my map and figure out if I'm going to change all that jam up there in the script. just wanted to kind of start the quickstart tutorial.
-->
<div id="map"></div>
<script type="text/javascript">
window.onload = function () {
var map = L.map('map').setView([37.7764, -122.417], 13);
L.tileLayer('http://{s}.tile.cloudmade.com/API-key/997/256/{z}/{x}/{y}.png', {
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>',
maxZoom: 18
}).addTo(map);
function onMapClick(e) {
alert("You clicked the map at " + e.latlng);
}
map.on('click', onMapClick);
};
</script>
</body>
</html>