Changeset 179 for binary-improvements/webserver/js

Timestamp:

Sep 8, 2014, 5:29:23 PM (10 years ago)

Author:

alloc

Message:

Webserver files

File:

• binary-improvements/webserver/js/index.js (modified) (6 diffs)

binary-improvements/webserver/js/index.js

@@ -60 +60 @@
 // ===============================================================================================
 // Map and basic tile layers
+
+var tileTime = new Date().getTime();
 
 var map = L.map('map', {
@@ -75 +77 @@
         continuousWorld: true,
         tms: true,
-        unloadInvisibleTiles: true,
-        time: function() { return new Date().getTime(); }
+        unloadInvisibleTiles: false,
+        time: function() { return tileTime; }
 });
 
@@ -86 +88 @@
         continuousWorld: true,
         tms: true,
-        unloadInvisibleTiles: true,
-        time: function() { return new Date().getTime(); }
+        unloadInvisibleTiles: false,
+        time: function() { return tileTime; }
 });
 
@@ -155 +157 @@
 
 
-// ===============================================================================================
-// Overlays
+
+// ===============================================================================================
+// Reload control
+
+L.Control.ReloadTiles = L.Control.extend({
+        options: {
+                position: 'bottomleft'
+        },
+
+        onAdd: function (map) {
+                var name = 'control-reloadtiles',
+                    container = L.DomUtil.create('div', name + ' leaflet-bar');
+
+                this._map = map;
+
+                this._reloadbutton = this._createButton(
+                        "Reload tiles", "Reload tiles",
+                        name + "-btn", container, this._reload, this);
+
+                return container;
+        },
+
+        onRemove: function (map) {
+        },
+
+        _reload: function (e) {
+                tileTime = new Date().getTime();
+                tileLayer.redraw();
+                tileLayerMiniMap.redraw();
+        },
+
+        _createButton: function (html, title, className, container, fn, context) {
+                var link = L.DomUtil.create('a', className, container);
+                link.innerHTML = html;
+                link.href = '#';
+                link.title = title;
+
+                var stop = L.DomEvent.stopPropagation;
+
+                L.DomEvent
+                    .on(link, 'click', stop)
+                    .on(link, 'mousedown', stop)
+                    .on(link, 'dblclick', stop)
+                    .on(link, 'click', L.DomEvent.preventDefault)
+                    .on(link, 'click', fn, context)
+                    .on(link, 'click', this._refocusOnMap, context);
+
+                return link;
+        }
+
+});
+
+new L.Control.ReloadTiles({
+}).addTo(map);
+
+
+// ===============================================================================================
+// Coordinates control
+//      <div id="info">
+//              MouseCoords: <span id="pos"></span>
+//      </div>
+
+L.Control.Coordinates = L.Control.extend({
+        options: {
+                position: 'bottomleft'
+        },
+
+        onAdd: function (map) {
+                var name = 'control-coordinates',
+                    container = L.DomUtil.create('div', name + ' leaflet-bar');
+                
+                container.innerHTML = "- N / - E"
+
+                this._map = map;
+                this._div = container;
+
+                map.on('mousemove', this._onMouseMove, this);
+
+                return container;
+        },
+
+        onRemove: function (map) {
+        },
+        
+        _onMouseMove: function (e) {
+                this._div.innerHTML = FormatCoord(e.latlng);
+        }
+
+
+});
+
+new L.Control.Coordinates({
+}).addTo(map);
+
+
+
+// ===============================================================================================
+// Overlays and controls
 
 var playersOnlineMarkerGroup = L.layerGroup();
@@ -183 +281 @@
 }).addTo(map);
 
-map.on('mousemove', function(e) {
-        L.DomUtil.get('pos').textContent = FormatCoord(e.latlng);
-});
+//map.on('mousemove', function(e) {
+//      L.DomUtil.get('pos').textContent = FormatCoord(e.latlng);
+//});
 
 var miniMap = new L.Control.MiniMap(tileLayerMiniMap, {
         toggleDisplay: true
 }).addTo(map);
-
 
 
@@ -358 +455 @@
         })
         .always(function() {
-                window.setTimeout(updateClaimsEvent, 5000);
+                //updateClaimTimer = window.setTimeout(updateClaimsEvent, 3000);
         });
 }
 
-window.setTimeout(updateClaimsEvent, 750);
-
+
+
+// ===============================================================================================
+// Layer events
+
+var updateClaimTimer;
+map.on('overlayadd', function(e) {
+        if (e.layer == landClaimsGroup) {
+                updateClaimsEvent();
+        }
+});
+
+map.on('overlayremove', function(e) {
+        if (e.layer == landClaimsGroup) {
+                //window.clearTimeout(updateClaimTimer);
+        }
+});
+
+