Added code for leaflet geolocation map

diff --git a/mediagoblin/static/js/extlib/leaflet b/mediagoblin/static/js/extlib/leaflet
new file mode 120000 (symlink)
index 0000000..2fc302d
--- /dev/null
+++ b/mediagoblin/static/js/extlib/leaflet
@@ -0,0 +1 @@
+../../../../extlib/leaflet/dist/
\ No newline at end of file

diff --git a/mediagoblin/static/js/geolocation-map.js b/mediagoblin/static/js/geolocation-map.js
new file mode 100644 (file)
index 0000000..22cbe2f
--- /dev/null
+++ b/mediagoblin/static/js/geolocation-map.js
@@ -0,0 +1,29 @@
+$(document).ready(function () {
+    var longitude = Number(
+       $('#tile-map #gps-longitude').val());
+    var latitude = Number(
+       $('#tile-map #gps-latitude').val());
+
+    console.log(longitude, latitude);
+
+    var map = new L.Map('tile-map');
+
+    var mqtileUrl = 'http://otile{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.jpg';
+    var mqtileAttrib = 'Map data © '
+       + String(new Date().getFullYear())
+       + ' OpenStreetMap contributors, CC-BY-SA.'
+       + ' Imaging © '
+       + String(new Date().getFullYear())
+       + ' <a target="_blank" href="http://mapquest.com">MapQuest</a>.';
+    var mqtile = new L.TileLayer(
+       mqtileUrl,
+       {maxZoom: 18,
+        attribution: mqtileAttrib,
+        subdomains: '1234'});
+
+    var location = new L.LatLng(latitude, longitude); // geographical point (longitude and latitude)
+    map.setView(location, 13).addLayer(mqtile);
+
+    var marker = new L.Marker(location);
+    map.addLayer(marker);
+});