Ignore:
Timestamp:
Sep 8, 2014, 5:29:23 PM (10 years ago)
Author:
alloc
Message:

Webserver files

Location:
binary-improvements/webserver
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • binary-improvements/webserver/css/style.css

    r171 r179  
    5050        display:none;
    5151}
     52
    5253.ui-dialog {
    5354        z-index:1011 !important;
     
    5758}
    5859
     60.control-reloadtiles a,
     61.control-reloadtiles a:hover {
     62        padding: 1px 5px 1px 5px;
     63        width: auto;
     64}
     65
     66.control-coordinates {
     67        box-shadow: 0 1px 5px rgba(0,0,0,0.4);
     68        background: #fff;
     69        border-radius: 5px;
     70        padding: 6px 10px 6px 6px;
     71        color: #333;
     72}
     73
  • binary-improvements/webserver/index.html

    r173 r179  
    44        <meta charset="UTF-8">
    55        <title>7dtd map browser</title>
    6        
    7         <!-- Own stylesheet -->
    8         <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
    96
    107        <!-- jQuery -->
     
    3229        <script type="text/javascript" src="leaflet/minimap/Control.MiniMap.js"></script>
    3330
     31        <!-- Own stylesheet -->
     32        <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
     33
    3434</head>
    3535<body>
    3636        <div id="map"></div>
    37         <div id="info">
    38                 MouseCoords: <span id="pos"></span>
    39         </div>
    4037        <div id="playerInventoryDialog" title="Player inventory">
    4138                Player: <span id="invPlayerName"></span>
  • binary-improvements/webserver/js/index.js

    r178 r179  
    6060// ===============================================================================================
    6161// Map and basic tile layers
     62
     63var tileTime = new Date().getTime();
    6264
    6365var map = L.map('map', {
     
    7577        continuousWorld: true,
    7678        tms: true,
    77         unloadInvisibleTiles: true,
    78         time: function() { return new Date().getTime(); }
     79        unloadInvisibleTiles: false,
     80        time: function() { return tileTime; }
    7981});
    8082
     
    8688        continuousWorld: true,
    8789        tms: true,
    88         unloadInvisibleTiles: true,
    89         time: function() { return new Date().getTime(); }
     90        unloadInvisibleTiles: false,
     91        time: function() { return tileTime; }
    9092});
    9193
     
    155157
    156158
    157 // ===============================================================================================
    158 // Overlays
     159
     160// ===============================================================================================
     161// Reload control
     162
     163L.Control.ReloadTiles = L.Control.extend({
     164        options: {
     165                position: 'bottomleft'
     166        },
     167
     168        onAdd: function (map) {
     169                var name = 'control-reloadtiles',
     170                    container = L.DomUtil.create('div', name + ' leaflet-bar');
     171
     172                this._map = map;
     173
     174                this._reloadbutton = this._createButton(
     175                        "Reload tiles", "Reload tiles",
     176                        name + "-btn", container, this._reload, this);
     177
     178                return container;
     179        },
     180
     181        onRemove: function (map) {
     182        },
     183
     184        _reload: function (e) {
     185                tileTime = new Date().getTime();
     186                tileLayer.redraw();
     187                tileLayerMiniMap.redraw();
     188        },
     189
     190        _createButton: function (html, title, className, container, fn, context) {
     191                var link = L.DomUtil.create('a', className, container);
     192                link.innerHTML = html;
     193                link.href = '#';
     194                link.title = title;
     195
     196                var stop = L.DomEvent.stopPropagation;
     197
     198                L.DomEvent
     199                    .on(link, 'click', stop)
     200                    .on(link, 'mousedown', stop)
     201                    .on(link, 'dblclick', stop)
     202                    .on(link, 'click', L.DomEvent.preventDefault)
     203                    .on(link, 'click', fn, context)
     204                    .on(link, 'click', this._refocusOnMap, context);
     205
     206                return link;
     207        }
     208
     209});
     210
     211new L.Control.ReloadTiles({
     212}).addTo(map);
     213
     214
     215// ===============================================================================================
     216// Coordinates control
     217//      <div id="info">
     218//              MouseCoords: <span id="pos"></span>
     219//      </div>
     220
     221L.Control.Coordinates = L.Control.extend({
     222        options: {
     223                position: 'bottomleft'
     224        },
     225
     226        onAdd: function (map) {
     227                var name = 'control-coordinates',
     228                    container = L.DomUtil.create('div', name + ' leaflet-bar');
     229               
     230                container.innerHTML = "- N / - E"
     231
     232                this._map = map;
     233                this._div = container;
     234
     235                map.on('mousemove', this._onMouseMove, this);
     236
     237                return container;
     238        },
     239
     240        onRemove: function (map) {
     241        },
     242       
     243        _onMouseMove: function (e) {
     244                this._div.innerHTML = FormatCoord(e.latlng);
     245        }
     246
     247
     248});
     249
     250new L.Control.Coordinates({
     251}).addTo(map);
     252
     253
     254
     255// ===============================================================================================
     256// Overlays and controls
    159257
    160258var playersOnlineMarkerGroup = L.layerGroup();
     
    183281}).addTo(map);
    184282
    185 map.on('mousemove', function(e) {
    186         L.DomUtil.get('pos').textContent = FormatCoord(e.latlng);
    187 });
     283//map.on('mousemove', function(e) {
     284//      L.DomUtil.get('pos').textContent = FormatCoord(e.latlng);
     285//});
    188286
    189287var miniMap = new L.Control.MiniMap(tileLayerMiniMap, {
    190288        toggleDisplay: true
    191289}).addTo(map);
    192 
    193290
    194291
     
    358455        })
    359456        .always(function() {
    360                 window.setTimeout(updateClaimsEvent, 5000);
     457                //updateClaimTimer = window.setTimeout(updateClaimsEvent, 3000);
    361458        });
    362459}
    363460
    364 window.setTimeout(updateClaimsEvent, 750);
    365 
     461
     462
     463// ===============================================================================================
     464// Layer events
     465
     466var updateClaimTimer;
     467map.on('overlayadd', function(e) {
     468        if (e.layer == landClaimsGroup) {
     469                updateClaimsEvent();
     470        }
     471});
     472
     473map.on('overlayremove', function(e) {
     474        if (e.layer == landClaimsGroup) {
     475                //window.clearTimeout(updateClaimTimer);
     476        }
     477});
     478
     479
Note: See TracChangeset for help on using the changeset viewer.