Added code for leaflet geolocation map

This commit is contained in:
Joar Wandborg 2012-01-10 02:53:46 +01:00
parent 9bf7563d4c
commit 836df45dbe
2 changed files with 30 additions and 0 deletions

View File

@ -0,0 +1 @@
../../../../extlib/leaflet/dist/

View 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);
});