Added code for leaflet geolocation map
This commit is contained in:
parent
9bf7563d4c
commit
836df45dbe
1
mediagoblin/static/js/extlib/leaflet
Symbolic link
1
mediagoblin/static/js/extlib/leaflet
Symbolic link
@ -0,0 +1 @@
|
||||
../../../../extlib/leaflet/dist/
|
29
mediagoblin/static/js/geolocation-map.js
Normal file
29
mediagoblin/static/js/geolocation-map.js
Normal file
@ -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);
|
||||
});
|
Loading…
x
Reference in New Issue
Block a user