X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=js%2Fmap.js;h=b63aea5fe1272ffd773cc4464cc02781765b6e4b;hp=53b076af255bfc746a9ced40b6c2a2504fd4a4e7;hb=867ee0afc0f4af36dc5ec5ca769ee088042c4ebc;hpb=ace4b369ea87ab3e2e18236b1cb33aa8984330cf diff --git a/js/map.js b/js/map.js index 53b076a..b63aea5 100644 --- a/js/map.js +++ b/js/map.js @@ -29,39 +29,52 @@ var gMapStyles = { copyright: 'Map data and imagery © OpenStreetMap contributors, ODbL/CC-BY-SA'}, osm_germany: {name: "OSM German Style", - url: "http://[a-d].tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png", // https is not supported at all + url: "https://tilecache[1-4].kairo.at/osmde/{z}/{x}/{y}.png", // route through CORS+SSL tilecache @ kairo.at + //url: "http://[a-d].tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png", // https is not supported at all copyright: 'Map data and imagery © OpenStreetMap contributors, ODbL/CC-BY-SA'}, -// oepnvkarte: // XXX: toolserver.org does not support CORS at this time :( -// {name: "ÖPNV-Karte (OSM)", -// url: "http://toolserver.org/~cmarqu/hill/{z}/{x}/{y}.png", -// copyright: 'Map data © OpenStreetMap contributors, ODbL/CC-BY-SA, tiles by MeMoMaps under CC-BY-SA.'}, + oepnvkarte: + {name: "ÖPNV-Karte (OSM)", + url: "https://tilecache[1-4].kairo.at/oepnv/{z}/{x}/{y}.png", // route through CORS+SSL tilecache @ kairo.at + //url: "http://tileserver.memomaps.de/tilegen/{z}/{x}/{y}.png", // memomaps.de does not support CORS or https at this time :( + copyright: 'Map data © OpenStreetMap contributors, ODbL/CC-BY-SA, tiles by MeMoMaps under CC-BY-SA.'}, mapquest_open: {name: "MapQuest OSM", - url: "http://otile[1-4].mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png", // https has wrong cert, akamai instead of mqcdn + url: "https://tilecache[1-4].kairo.at/mapqosm/{z}/{x}/{y}.png", // route through CORS+SSL tilecache @ kairo.at + //url: "http://otile[1-4].mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png", // https has wrong cert, akamai instead of mqcdn copyright: 'Map data © OpenStreetMap and contributors (ODbL/CC-BY-SA), tiles courtesy of MapQuest.'}, mapquest_aerial: {name: "MapQuest Open Aerial", - url: "http://otile[1-4].mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg", + url: "https://tilecache[1-4].kairo.at/mapqsat/{z}/{x}/{y}.png", // route through CORS+SSL tilecache @ kairo.at + //url: "http://otile[1-4].mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg", copyright: 'Tiles Courtesy of MapQuest, portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency.'}, osm_hot: {name: "OSM HOT style", - url: "http://[a-c].tile.openstreetmap.fr/hot/{z}/{x}/{y}.png", // https has CAcert which doesn't work in browsers + url: "https://tilecache[1-4].kairo.at/osmhot/{z}/{x}/{y}.png", // route through CORS+SSL tilecache @ kairo.at + //url: "http://[a-c].tile.openstreetmap.fr/hot/{z}/{x}/{y}.png", // https has CAcert which doesn't work in browsers copyright: 'Map data and imagery © OpenStreetMap contributors, ODbL/CC-BY-SA'}, -// hikebike: // XXX: toolserver.org does not support CORS at this time :( -// {name: "Hike and Bike (OSM)", -// url: "http://toolserver.org/tiles/hikebike/{z}/{x}/{y}.png", -// copyright: 'Map data and imagery © OpenStreetMap contributors, ODbL/CC-BY-SA'}, + hikebike: + {name: "Hike and Bike (OSM)", + url: "https://tilecache[1-4].kairo.at/hikebike/{z}/{x}/{y}.png", // route through CORS+SSL tilecache @ kairo.at + //url: "http://toolserver.org/tiles/hikebike/{z}/{x}/{y}.png", // toolserver.org does not support CORS at this time :( + copyright: 'Map data and imagery © OpenStreetMap contributors, ODbL/CC-BY-SA'}, + outdoors: + {name: "Outdoors (OSM)", + url: "https://[a-c].tile.thunderforest.com/outdoors/{z}/{x}/{y}.png", // url: "http://[a-c].tile.opencyclemap.org/outdoors/{z}/{x}/{y}.png", + copyright: 'Map data © OpenStreetMap and contributors (ODbL/CC-BY-SA), tiles by Thunderforest.'}, stamen_toner: - {name: "Stamen Toner (B+W)", // https has wrong cert, .ssl.fastly.net instead of .tile.stamen.com - url: "http://[a-c].tile.stamen.com/toner/{z}/{x}/{y}.jpg", + {name: "Stamen Toner (B+W)", + url: "https://tilecache[1-4].kairo.at/toner/{z}/{x}/{y}.png", // route through CORS+SSL tilecache @ kairo.at + //url: "http://[a-c].tile.stamen.com/toner/{z}/{x}/{y}.jpg", // https has wrong cert, .ssl.fastly.net instead of .tile.stamen.com copyright: 'Map data © OpenStreetMap contributors, ODbL/CC-BY-SA, tiles by Stamen Design, under CC BY 3.0.'}, stamen_terrain: - {name: "Stamen Terrain (USA only)", // https has wrong cert, .ssl.fastly.net instead of .tile.stamen.com - url: "http://[a-c].tile.stamen.com/terrain/{z}/{x}/{y}.jpg", + {name: "Stamen Terrain (USA only)", + url: "https://tilecache[1-4].kairo.at/terrain/{z}/{x}/{y}.png", // route through CORS+SSL tilecache @ kairo.at + //url: "http://[a-c].tile.stamen.com/terrain/{z}/{x}/{y}.jpg", // https has wrong cert, .ssl.fastly.net instead of .tile.stamen.com copyright: 'Map data © OpenStreetMap contributors, ODbL/CC-BY-SA, tiles by Stamen Design, under CC BY 3.0.'}, stamen_watercolor: - {name: "Stamen Watercolor (artistic)", // https has wrong cert, .ssl.fastly.net instead of .tile.stamen.com - url: "http://[a-c].tile.stamen.com/watercolor/{z}/{x}/{y}.jpg", + {name: "Stamen Watercolor (artistic)", + url: "https://tilecache[1-4].kairo.at/watercolor/{z}/{x}/{y}.png", // route through CORS+SSL tilecache @ kairo.at + //url: "http://[a-c].tile.stamen.com/watercolor/{z}/{x}/{y}.jpg", // https has wrong cert, .ssl.fastly.net instead of .tile.stamen.com copyright: 'Map data © OpenStreetMap contributors, ODbL/CC-BY-SA, tiles by Stamen Design, under CC BY 3.0.'}, }; @@ -75,7 +88,7 @@ var gMapPrefsLoaded = false; var gDragging = false; var gDragTouchID, gPinchStartWidth; -var gGeoWatchID; +var gGeoWatchID, gGPSWakeLock; var gTrack = []; var gLastTrackPoint, gLastDrawnPoint; var gCenterPosition = true; @@ -108,8 +121,6 @@ function initMap() { } gTrackCanvas = document.getElementById("track"); gTrackContext = gTrackCanvas.getContext("2d"); - if (!gMap.activeMap) - gMap.activeMap = "osm_mapnik"; //gDebug = true; if (gDebug) { @@ -153,8 +164,6 @@ function loadPrefs(aEvent) { document.addEventListener("visibilitychange", visibilityEvHandler, false); console.log("Events added."); - document.getElementById("copyright").innerHTML = - gMapStyles[gMap.activeMap].copyright; console.log("Init loading tile..."); gLoadingTile = new Image(); @@ -175,8 +184,13 @@ function loadPrefs(aEvent) { gPrefs.get("active_map_style", function(aValue) { if (aValue && gMapStyles[aValue]) { gMap.activeMap = aValue; - document.getElementById("mapSelector").value = aValue; } + else { + gMap.activeMap = "osm_mapnik"; + } + document.getElementById("mapSelector").value = gMap.activeMap; + document.getElementById("copyright").innerHTML = + gMapStyles[gMap.activeMap].copyright; gWaitCounter--; var throwEv = new CustomEvent("prefs-step"); gAction.dispatchEvent(throwEv); @@ -568,7 +582,7 @@ var gMap = { } } } - console.log("Cleaning complete, " + Object.keys(gMap.glTextures).length + " textures left)"); + console.log("Cleaning complete, " + Object.keys(gMap.glTextures).length + " textures left"); } }, @@ -631,13 +645,15 @@ function xy2gps(aX, aY) { function setMapStyle() { var mapSel = document.getElementById("mapSelector"); - if (!gWaitCounter && mapSel.selectedIndex >= 0 && gMap.activeMap != mapSel.value) { + if (mapSel.selectedIndex >= 0 && gMap.activeMap != mapSel.value) { gMap.activeMap = mapSel.value; gPrefs.set("active_map_style", gMap.activeMap); document.getElementById("copyright").innerHTML = gMapStyles[gMap.activeMap].copyright; - showUI(); - gMap.draw(); + if (!gWaitCounter) { // Only do this when prefs are loaded already. + showUI(); + gMap.draw(); + } } } @@ -845,12 +861,12 @@ var mapEvHandler = { // Bail out if the started touch can't be found. if (touchEvent && gDragging && - !aEvent.changedTouches.identifiedTouch(gDragTouchID)) + !aEvent.targetTouches.item(0)) return; } var coordObj = touchEvent ? - aEvent.changedTouches.identifiedTouch(gDragTouchID) : + aEvent.targetTouches.item(0) : aEvent; switch (aEvent.type) { @@ -865,8 +881,7 @@ var mapEvHandler = { aEvent.targetTouches.item(0).clientY, 2) ); } - gDragTouchID = aEvent.changedTouches.item(0).identifier; - coordObj = aEvent.changedTouches.identifiedTouch(gDragTouchID); + coordObj = aEvent.targetTouches.item(0); } var x = coordObj.clientX - gGLMapCanvas.offsetLeft; var y = coordObj.clientY - gGLMapCanvas.offsetTop; @@ -1116,6 +1131,9 @@ function startTracking() { if (gGeolocation) { gActionLabel.textContent = "Establishing Position"; gAction.style.display = "block"; + if (navigator.requestWakeLock) { + gGPSWakeLock = navigator.requestWakeLock("gps"); + } gGeoWatchID = gGeolocation.watchPosition( function(position) { if (gActionLabel.textContent) { @@ -1171,6 +1189,10 @@ function endTracking() { gActionLabel.textContent = ""; gAction.style.display = "none"; } + if (navigator.requestWakeLock && gGPSWakeLock) { + console.log("releasing WakeLock"); + gGPSWakeLock.unlock(); + } if (gGeoWatchID) { gGeolocation.clearWatch(gGeoWatchID); } @@ -1283,11 +1305,13 @@ var gTileService = { var request = transaction.objectStore(this.objStore).clear(); request.onsuccess = function(event) { success = true; + console.log("Cache cleared."); if (aCallback) aCallback(success, event); }; request.onerror = function(event) { // Errors can be handled here. + console.log("Error clearing cache!"); if (aCallback) aCallback(success, event); }