summaryrefslogtreecommitdiffstats
path: root/viewer
diff options
context:
space:
mode:
authorMatthias Schiffer <mschiffer@universe-factory.net>2015-02-04 17:00:53 +0100
committerMatthias Schiffer <mschiffer@universe-factory.net>2015-02-04 17:00:53 +0100
commit14c9a48563c70db07e5ffcf604fb03bc317e2459 (patch)
treeb23491e2829016790e04a89a6a6998a84f4467e3 /viewer
parent03658bff3d73ef5bb4fb6ca69c87b205563a762e (diff)
downloadMinedMap-14c9a48563c70db07e5ffcf604fb03bc317e2459.tar
MinedMap-14c9a48563c70db07e5ffcf604fb03bc317e2459.zip
viewer: map state in URL hash
Diffstat (limited to 'viewer')
-rw-r--r--viewer/MinedMap.js87
1 files changed, 85 insertions, 2 deletions
diff --git a/viewer/MinedMap.js b/viewer/MinedMap.js
index 8d356a0..2df3c64 100644
--- a/viewer/MinedMap.js
+++ b/viewer/MinedMap.js
@@ -97,6 +97,24 @@ var CoordControl = L.Control.extend({
});
+var parseHash = function () {
+ var args = {};
+
+ if (window.location.hash) {
+ var parts = window.location.hash.substr(1).split('&');
+
+ for (var i = 0; i < parts.length; i++) {
+ var key_value = parts[i].split('=');
+ var key = key_value[0], value = key_value.slice(1).join('=');
+
+ args[key] = value;
+ }
+ }
+
+ return args;
+}
+
+
window.createMap = function () {
var xhr = new XMLHttpRequest();
xhr.onload = function () {
@@ -104,9 +122,22 @@ window.createMap = function () {
mipmaps = res.mipmaps,
spawn = res.spawn;
+ var args = parseHash(),
+ zoom = parseInt(args['zoom']),
+ x = parseFloat(args['x']),
+ z = parseFloat(args['z']),
+ light = parseInt(args['light']);
+
+ if (isNaN(zoom))
+ zoom = 0;
+ if (isNaN(x))
+ x = spawn.x;
+ if (isNaN(z))
+ z = spawn.z;
+
var map = L.map('map', {
- center: [-spawn.z, spawn.x],
- zoom: 0,
+ center: [-z, x],
+ zoom: zoom,
minZoom: -(mipmaps.length-1),
maxZoom: 3,
crs: L.CRS.Simple,
@@ -121,6 +152,9 @@ window.createMap = function () {
mapLayer.addTo(map);
+ if (light)
+ map.addLayer(lightLayer);
+
var overlayMaps = {
"Illumination": lightLayer,
};
@@ -133,6 +167,55 @@ window.createMap = function () {
map.on('mousemove', function(e) {
coordControl.update(Math.round(e.latlng.lng), Math.round(-e.latlng.lat));
});
+
+ var makeHash = function () {
+ var zoom = map.getZoom(),
+ center = map.getCenter(),
+ x = Math.round(center.lng),
+ z = Math.round(-center.lat),
+ ret = '#x='+x+'&z='+z+'&zoom='+zoom;
+
+ if (map.hasLayer(lightLayer))
+ ret += '&light=1';
+
+ return ret;
+ };
+
+ var updateHash = function () {
+ window.location.hash = makeHash();
+ };
+
+ map.on('moveend', updateHash);
+ map.on('zoomend', updateHash);
+ map.on('layeradd', updateHash);
+ map.on('layerremove', updateHash);
+
+ window.onhashchange = function () {
+ if (window.location.hash == makeHash())
+ return;
+
+ var args = parseHash(),
+ center = map.getCenter(),
+ zoom = parseInt(args['zoom']),
+ x = parseFloat(args['x']),
+ z = parseFloat(args['z']),
+ light = parseInt(args['light']);
+
+ if (isNaN(zoom))
+ zoom = map.getZoom();
+ if (isNaN(x))
+ x = center.lng;
+ if (isNaN(z))
+ z = -center.lat;
+
+ map.setView([-z, x], zoom);
+
+ if (light)
+ map.addLayer(lightLayer);
+ else
+ map.removeLayer(lightLayer);
+ };
+
};
xhr.open('GET', 'data/info.json', true);