X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=js%2Fmap.js;h=8e8ef55b0bff17c6a129e243b253ac0e63133bc9;hp=4cd4ea7b809ea786d1ca1dbdbd1ee8be86ab6e24;hb=3610c22d8eb34e6472073da446a20f2772184145;hpb=99631a7543656fb58fe3c7f7913773d49630db03 diff --git a/js/map.js b/js/map.js index 4cd4ea7..8e8ef55 100644 --- a/js/map.js +++ b/js/map.js @@ -74,10 +74,13 @@ var gLastMouseX = 0; var gLastMouseY = 0; var gZoomFactor; -// Used as an associative array. They keys have to be strings, ours will be "xindex,yindex,zindex" e.g. "13,245,12". +// Used as an associative array. +// The keys have to be strings, ours will be "xindex,yindex,zindex" e.g. "13,245,12". var gTiles = {}; var gLoadingTile; +var gMapPrefsLoaded = false; + var gDragging = false; var gZoomTouchID; @@ -92,6 +95,41 @@ function initMap() { if (!gActiveMap) gActiveMap = "osm_mapnik"; + var loopCnt = 0; + var getPersistentPrefs = function() { + if (mainDB) { + gPrefs.get("position", function(aValue) { + if (aValue) { + gPos = aValue; + drawMap(); + } + }); + gPrefs.get("center_map", function(aValue) { + if (aValue === undefined) + document.getElementById("centerCheckbox").checked = true; + else + document.getElementById("centerCheckbox").checked = aValue; + setCentering(document.getElementById("centerCheckbox")); + }); + gPrefs.get("tracking_enabled", function(aValue) { + if (aValue === undefined) + document.getElementById("trackCheckbox").checked = true; + else + document.getElementById("trackCheckbox").checked = aValue; + setTracking(document.getElementById("trackCheckbox")); + }); + gMapPrefsLoaded = true; + } + else + setTimeout(getPersistentPrefs, 100); + loopCnt++; + if (loopCnt > 20) { + gMapPrefsLoaded = true; + return; + } + }; + getPersistentPrefs(); + gCanvas.addEventListener("mouseup", mapEvHandler, false); gCanvas.addEventListener("mousemove", mapEvHandler, false); gCanvas.addEventListener("mousedown", mapEvHandler, false); @@ -233,14 +271,19 @@ function drawMap() { var xMax = gPos.x + wid / 2; var yMax = gPos.y + ht / 2; - // Go through all the tiles we want. If any of them aren't loaded or being loaded, do so. + if (gMapPrefsLoaded && mainDB) + gPrefs.set("position", gPos); + + // Go through all the tiles we want. + // If any of them aren't loaded or being loaded, do so. for (var x = Math.floor(xMin / size); x < Math.ceil(xMax / size); x++) { for (var y = Math.floor(yMin / size); y < Math.ceil(yMax / size); y++) { var xoff = (x * size - xMin) / gZoomFactor; var yoff = (y * size - yMin) / gZoomFactor; var tileKey = encodeIndex(x, y, gPos.z); if (gTiles[tileKey] && gTiles[tileKey].complete) { - // Round here is **CRUICIAL** otherwise the images are filtered and the performance sucks (more than expected). + // Round here is **CRUCIAL** otherwise the images are filtered + // and the performance sucks (more than expected). gContext.drawImage(gTiles[tileKey], Math.round(xoff), Math.round(yoff)); } else { @@ -388,14 +431,16 @@ var mapEvHandler = { } }; -geofake = { +var geofake = { tracking: false, watchPosition: function(aSuccessCallback, aErrorCallback, aPrefObject) { this.tracking = true; var watchCall = function() { aSuccessCallback({timestamp: Date.now(), - coords: {latitude: 48.208174, // + Math.random() - .5, - longitude: 16.373819, // + Math.random() - .5, + coords: {latitude: 48.208174 + + (Math.random() - .5) / 5, + longitude: 16.373819 + + (Math.random() - .5) / 5, accuracy: 20}}); if (geofake.tracking) setTimeout(watchCall, 1000); @@ -408,16 +453,52 @@ geofake = { } } +function setCentering(aCheckbox) { + if (gMapPrefsLoaded && mainDB) + gPrefs.set("center_map", aCheckbox.checked); + gCenterPosition = aCheckbox.checked; +} + +function setTracking(aCheckbox) { + if (gMapPrefsLoaded && mainDB) + gPrefs.set("tracking_enabled", aCheckbox.checked); + if (aCheckbox.checked) + startTracking(); + else + endTracking(); +} + function startTracking() { + var loopCnt = 0; + var getStoredTrack = function() { + if (mainDB) + gTrackStore.getList(function(aTPoints) { + //document.getElementById("debug").textContent = aTPoints.length + " points loaded."; + if (aTPoints.length) { + gTrack = aTPoints; + } + }); + else + setTimeout(getStoredTrack, 100); + loopCnt++; + if (loopCnt > 20) + return; + }; + getStoredTrack(); if (navigator.geolocation) { //gGeoWatchID = geofake.watchPosition( gGeoWatchID = navigator.geolocation.watchPosition( function(position) { // Coords spec: https://developer.mozilla.org/en/XPCOM_Interface_Reference/NsIDOMGeoPositionCoords - gTrack.push({time: position.timestamp, coords: position.coords}); + var tPoint = {time: position.timestamp, + coords: position.coords, + beginSegment: !gLastTrackPoint}; + gTrack.push(tPoint); + gTrackStore.push(tPoint); drawTrackPoint(position.coords.latitude, position.coords.longitude); if (gCenterPosition) { - var posCoord = gps2xy(position.coords.latitude, position.coords.longitude); + var posCoord = gps2xy(position.coords.latitude, + position.coords.longitude); if (Math.abs(gPos.x - posCoord.x) > gCanvas.width * gZoomFactor / 4 || Math.abs(gPos.y - posCoord.y) > gCanvas.height * gZoomFactor / 4) { gPos.x = posCoord.x; @@ -438,6 +519,13 @@ function startTracking() { function endTracking() { if (gGeoWatchID) { + //geofake.clearWatch(gGeoWatchID); navigator.geolocation.clearWatch(gGeoWatchID); } } + +function clearTrack() { + gTrack = []; + gTrackStore.clear(); + drawMap(); +}