Player:
Index: /binary-improvements/webserver/js/index.js
===================================================================
--- /binary-improvements/webserver/js/index.js (revision 178)
+++ /binary-improvements/webserver/js/index.js (revision 179)
@@ -60,4 +60,6 @@
// ===============================================================================================
// Map and basic tile layers
+
+var tileTime = new Date().getTime();
var map = L.map('map', {
@@ -75,6 +77,6 @@
continuousWorld: true,
tms: true,
- unloadInvisibleTiles: true,
- time: function() { return new Date().getTime(); }
+ unloadInvisibleTiles: false,
+ time: function() { return tileTime; }
});
@@ -86,6 +88,6 @@
continuousWorld: true,
tms: true,
- unloadInvisibleTiles: true,
- time: function() { return new Date().getTime(); }
+ unloadInvisibleTiles: false,
+ time: function() { return tileTime; }
});
@@ -155,6 +157,102 @@
-// ===============================================================================================
-// 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
+//
+// MouseCoords:
+//
+
+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,12 +281,11 @@
}).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,8 +455,25 @@
})
.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);
+ }
+});
+
+