-function updatelinks(lon,lat,zoom) {
- var links = new Array();
- links['viewanchor'] = '/index.html';
- //links['editanchor'] = 'edit.html';
- links['uploadanchor'] = '/traces';
- links['loginanchor'] = '/login.html';
- links['logoutanchor'] = '/logout.html';
- links['registeranchor'] = '/create-account.html';
-
+//Called as the user scrolls/zooms around.
+//Maniplate hrefs of the view tab and various other links
+function updatelinks(lon,lat,zoom,layers,minlon,minlat,maxlon,maxlat) {
+ var decimals = Math.pow(10, Math.floor(zoom/3));
var node;
- var anchor;
- for (anchor in links) {
- node = document.getElementById(anchor);
- if (! node) { continue; }
+
+ lat = Math.round(lat * decimals) / decimals;
+ lon = Math.round(lon * decimals) / decimals;
+
+ node = document.getElementById("permalinkanchor");
+ if (node) {
+ var args = getArgs(node.href);
+ args["lat"] = lat;
+ args["lon"] = lon;
+ args["zoom"] = zoom;
+ if (layers) {
+ args["layers"] = layers;
+ }
+ node.href = setArgs(node.href, args);
+ }
+
+ node = document.getElementById("viewanchor");
+ if (node) {
var args = getArgs(node.href);
args["lat"] = lat;
args["lon"] = lon;
args["zoom"] = zoom;
+ if (layers) {
+ args["layers"] = layers;
+ }
+ node.href = setArgs(node.href, args);
+ }
+
+ node = document.getElementById("exportanchor");
+ if (node) {
+ var args = getArgs(node.href);
+ args["lat"] = lat;
+ args["lon"] = lon;
+ args["zoom"] = zoom;
+ if (layers) {
+ args["layers"] = layers;
+ }
node.href = setArgs(node.href, args);
}
node = document.getElementById("editanchor");
if (node) {
- if ( zoom >= 14) {
- var args = getArgs(node.href);
+ if (zoom >= 11) {
+ var args = new Object();
args.lat = lat;
args.lon = lon;
args.zoom = zoom;
- node.href = setArgs(node.href, args);
+ node.href = setArgs("/edit", args);
node.style.fontStyle = 'normal';
} else {
node.href = 'javascript:alert("zoom in to edit map");';
node.style.fontStyle = 'italic';
}
}
+
+ node = document.getElementById("historyanchor");
+ if (node) {
+ if (zoom >= 11) {
+ var args = new Object();
+ //set bbox param from 'extents' object
+ if (typeof minlon == "number" &&
+ typeof minlat == "number" &&
+ typeof maxlon == "number" &&
+ typeof maxlat == "number") {
+
+ minlon = Math.round(minlon * decimals) / decimals;
+ minlat = Math.round(minlat * decimals) / decimals;
+ maxlon = Math.round(maxlon * decimals) / decimals;
+ maxlat = Math.round(maxlat * decimals) / decimals;
+ args.bbox = minlon + "," + minlat + "," + maxlon + "," + maxlat;
+ }
+
+ node.href = setArgs("/history", args);
+ node.style.fontStyle = 'normal';
+ } else {
+ node.href = 'javascript:alert("zoom in to see editing history");';
+ node.style.fontStyle = 'italic';
+ }
+ }
}
function getArgs(url) {
return url.replace(/\?.*$/, "") + "?" + queryitems.join("&");
}
+
+function getStyle(el, property) {
+ var style;
+
+ if (el.currentStyle) {
+ style = el.currentStyle[property];
+ } else if( window.getComputedStyle ) {
+ style = document.defaultView.getComputedStyle(el,null).getPropertyValue(property);
+ } else {
+ style = el.style[property];
+ }
+
+ return style;
+}