From 5377a72d49d4c4bfb591a6e189d21c7ebb3b7324 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Mon, 4 Nov 2013 20:59:03 +0100 Subject: Add map to home. --- home.mdwn | 8 ++++++ home/map.js | 38 +++++++++++++++++++++++++ home/poi.js | 48 ++++++++++++++++++++++++++++++++ usr/share/javascript/leaflet/leaflet.css | 0 4 files changed, 94 insertions(+) create mode 100644 home/map.js create mode 100644 home/poi.js create mode 100644 usr/share/javascript/leaflet/leaflet.css diff --git a/home.mdwn b/home.mdwn index 7631cba..40b1554 100644 --- a/home.mdwn +++ b/home.mdwn @@ -1,3 +1,11 @@ # Home - over time +[[!meta stylesheet=/usr/share/javascript/leaflet/leaflet rel="stylesheet" title=""]] +[[!meta script="/usr/share/javascript/leaflet/leaflet.js"]] +[[!meta script="map.js"]] + + +

+ [[!inline pages="tagged(home) and currentlang()" guid=tag:dr.jones.dk/home,en]] diff --git a/home/map.js b/home/map.js new file mode 100644 index 0000000..548db5e --- /dev/null +++ b/home/map.js @@ -0,0 +1,38 @@ +var map=null; //global map object + +function init(){ + var map = L.map('map', { + center: [55.8, 10.4], + zoom: 8, + layers: [L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png')], + maxBounds: [[54, 6],[58, 16]], + zoomControl: false, + attributionControl: false + }); + var waypoints = L.geoJson([],{ + } + }).addTo(map); + + L.control.zoom({position: 'topright'}).addTo(map); + L.control.attribution() + .setPrefix(false) + .addAttribution('© OpenStreetMap contributors, CC-BY-SA') + .addTo(map); + L.control.scale({imperial: false}).addTo(map); + + Modernizr.load([ + { + load: 'poi.js', + callback: function() { + waypoints.addData(data); + } + } + ]); +} + +Modernizr.load([ + { + test: Modernizr.rgba, + nope: '/usr/share/javascript/leaflet/leaflet.ie.css' + } +]); diff --git a/home/poi.js b/home/poi.js new file mode 100644 index 0000000..9539152 --- /dev/null +++ b/home/poi.js @@ -0,0 +1,48 @@ +var data = { "type": "FeatureCollection", "features": [ +{ + "type": "Feature", + "properties": { + "area": "Gamløse", + "location": "Stauninggårdsvej 25" + }, + "geometry": { + "type": "Point", + "coordinates": [11.81712, 55.76432] + } +}, +{ + "type": "Feature", + "properties": { + "area": "Mørkøv", + "location": "Ringstedvej 24 A" + }, + "geometry": { + "type": "Point", + "coordinates": [11.50349, 55.64768] + } +}, +{ + "type": "Feature", + "properties": { + "area": "Amager", + "location": "Prøvestens Allé 15", + "type": "Combi" + }, + "geometry": { + "type": "Point", + "coordinates": [12.617495, 55.6596697] + } +}, +{ + "type": "Feature", + "properties": { + "area": "Røde Hus", + "location": "Ringstedvej 65 th." + }, + "geometry": { + "type": "Point", + "coordinates": [11.52641, 55.63933] + } +}, +]} + diff --git a/usr/share/javascript/leaflet/leaflet.css b/usr/share/javascript/leaflet/leaflet.css new file mode 100644 index 0000000..e69de29 -- cgit v1.2.3