* Smoother animations for panning
* Smooth animations for zooming, probably using some canvas magic
* Use available larger/smaller tiles with resizing as loading placeholders while zooming in/out
-* Full screen mode
* Save GPX tiles to the web (OSM? Public cloud service? Private service?)
* Better GPX saving implementation [blocked by missing web APIs]
** Set file name to save into to a good default (date + maybe some location name)
<link rel="stylesheet" href="style/lantea.css">
<link rel="shortcut icon" href="style/lanteaIcon16.png" type="image/png">
</head>
-<body>
+<body id="body">
<h1>Lantea Map</h1>
<div id="menuArea" class="overlayArea">
onclick="zoomOut();">
</div>
+<div id="fullscreenArea" class="overlayArea">
+<!-- other possible characters: ◰ -->
+<input type="button" id="fullscreenButton" value="▣"
+ onclick="toggleFullscreen();">
+</div>
+
<p id="debug" class="debugHide"></p>
<p id="copyright" class="overlayArea"></p>
}
}
+function toggleFullscreen() {
+ if ((document.fullScreenElement && document.fullScreenElement !== null) ||
+ (document.mozFullScreenElement && document.mozFullScreenElement !== null) ||
+ (document.webkitFullScreenElement && document.webkitFullScreenElement !== null)) {
+ if (document.cancelFullScreen) {
+ document.cancelFullScreen();
+ } else if (document.mozCancelFullScreen) {
+ document.mozCancelFullScreen();
+ } else if (document.webkitCancelFullScreen) {
+ document.webkitCancelFullScreen();
+ }
+ }
+ else {
+ var elem = document.getElementById("body");
+ if (elem.requestFullScreen) {
+ elem.requestFullScreen();
+ } else if (elem.mozRequestFullScreen) {
+ elem.mozRequestFullScreen();
+ } else if (elem.webkitRequestFullScreen) {
+ elem.webkitRequestFullScreen();
+ }
+ }
+}
+
var uiEvHandler = {
handleEvent: function(aEvent) {
var touchEvent = aEvent.type.indexOf('touch') != -1;
projects / lantea.git / commitdiff