diff options
| author | Christopher Baines <mail@cbaines.net> | 2015-02-05 11:22:13 +0000 |
|---|---|---|
| committer | Christopher Baines <mail@cbaines.net> | 2015-02-09 09:58:29 +0000 |
| commit | 00a02018a5e3100c1db302ae5853e41b5c50a723 (patch) | |
| tree | 17b8f600ef88f8cf1af657a5bb45a3c0816914cd /demo5.html | |
| download | leaflet-workshop-00a02018a5e3100c1db302ae5853e41b5c50a723.tar leaflet-workshop-00a02018a5e3100c1db302ae5853e41b5c50a723.tar.gz | |
Initial commit
Diffstat (limited to 'demo5.html')
| -rw-r--r-- | demo5.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/demo5.html b/demo5.html new file mode 100644 index 0000000..1e59063 --- /dev/null +++ b/demo5.html @@ -0,0 +1,63 @@ +<html> + <head> + <link rel="stylesheet" href="leaflet/dist/leaflet.css" /> + <script src="leaflet/dist/leaflet-src.js"></script> + + <style> + body { + padding: 0; + margin: 0; + } + + html, body, #map { + height: 100%; + } + </style> + </head> + <body> + <div id="map"> + </div> + + <script> + var artHouseCafe = [50.9087036, -1.4045204]; + + var map = L.map('map', { + center: artHouseCafe, // The Art House Cafe + zoom: 18 + }); + + var tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { + attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' + }); + + tileLayer.addTo(map); + + // Load some GeoJSON exported from OpenStreetMap using the OverpassAPI + // (http://overpass-turbo.eu/s/7yI) + + getJSON("cafes.json", function(cafes) { + + L.geoJson(cafes).addTo(map); + }); + + // function to get a JSON file + function getJSON(url, callback) { + var xhttp = new XMLHttpRequest(); + + xhttp.open('GET', url, true); + xhttp.setRequestHeader('Accept', 'application/json'); + + xhttp.onreadystatechange = function() { + if (xhttp.status == 200 && + xhttp.readyState == 4) { + + callback(JSON.parse(xhttp.responseText), xhttp.responseText); + } + }; + + xhttp.send(); + } + + </script> + </body> +</html> |