var mapinfo = { regionsize: 512, chunksize: 16, tilesize: 128, maxzoom: 4 } function InitMap() { // =============================================================================================== // 7dtd coordinate transformations SDTD_Projection = { project: function (latlng) { return new L.Point( (latlng.lat) / Math.pow(2, mapinfo.maxzoom), (latlng.lng) / Math.pow(2, mapinfo.maxzoom) ); }, unproject: function (point) { return new L.LatLng( point.x * Math.pow(2, mapinfo.maxzoom), point.y * Math.pow(2, mapinfo.maxzoom) ); } }; SDTD_CRS = L.extend({}, L.CRS.Simple, { projection: SDTD_Projection, transformation: new L.Transformation(1, 0, -1, 0), scale: function (zoom) { return Math.pow(2, zoom); } }); // =============================================================================================== // Map and basic tile layers var initTime = new Date().getTime(); map = L.map('tab_map', { zoomControl: false, // Added by Zoomslider zoomsliderControl: true, attributionControl: false, crs: SDTD_CRS }).setView([0, 0], Math.max(0, mapinfo.maxzoom - 5)); var tileLayer = L.tileLayer('../map/{z}/{x}/{y}.png?t={time}', { maxZoom: mapinfo.maxzoom + 1, minZoom: Math.max(0, mapinfo.maxzoom - 5), maxNativeZoom: mapinfo.maxzoom, tileSize: mapinfo.tilesize, continuousWorld: true, tms: true, unloadInvisibleTiles: false, time: initTime }); // TileLayer w/ TMS=true fix for zoomlevel >= 8 tileLayer._getWrapTileNum = function () { return L.point(0, 0); }; var tileLayerMiniMap = L.tileLayer('../map/{z}/{x}/{y}.png?t={time}', { maxZoom: mapinfo.maxzoom, minZoom: 0, maxNativeZoom: mapinfo.maxzoom, tileSize: mapinfo.tilesize, continuousWorld: true, tms: true, unloadInvisibleTiles: false, time: initTime }); // =============================================================================================== // Overlays and controls var playersOnlineMarkerGroup = L.markerClusterGroup({ maxClusterRadius: function(zoom) { return zoom == mapinfo.maxzoom ? 10 : 50; } }); var playersOfflineMarkerGroup = L.markerClusterGroup({ maxClusterRadius: function(zoom) { return zoom == mapinfo.maxzoom ? 10 : 50; } }); var baseLayers = { //"Map": tileLayer }; var layerControl = L.control.layers(baseLayers, null, { collapsed: false }); var layerCount = 0; tileLayer.addTo(map); new L.Control.Coordinates({}).addTo(map); new L.Control.ReloadTiles({layers: [tileLayer, tileLayerMiniMap]}).addTo(map); layerControl.addOverlay (GetRegionLayer (mapinfo), "Region files"); var miniMap = new L.Control.MiniMap(tileLayerMiniMap, { zoomLevelOffset: -6, toggleDisplay: true }).addTo(map); if (HasPermission ("webapi.getlandclaims")) { layerControl.addOverlay (GetLandClaimsLayer (map, mapinfo), "Land claims"); layerCount++; } if (HasPermission ("webapi.getplayerslocation")) { layerControl.addOverlay (playersOfflineMarkerGroup, "Players (offline) (0)"); layerControl.addOverlay (playersOnlineMarkerGroup, "Players (online) (0)"); layerCount++; } if (layerCount > 0) { layerControl.addTo(map); } var playersMappingList = {}; // =============================================================================================== // Player markers $(".leaflet-popup-pane").on('click.action', '.inventoryButton', function(event) { ShowInventoryDialog ($(this).data('steamid')); }); var setPlayerMarkers = function(data) { var online = 0; var offline = 0; $.each( data, function( key, val ) { var marker; if (playersMappingList.hasOwnProperty(val.steamid)) { marker = playersMappingList[val.steamid].currentPosMarker; marker.setLatLng([val.position.x, val.position.z]); } else { marker = L.marker([val.position.x, val.position.z]).bindPopup( "Player: " + val.name + (HasPermission ("webapi.getplayerinventory") ? "
Show inventory" : "") ); playersMappingList[val.steamid] = { online: !val.online }; } if (playersMappingList[val.steamid].online != val.online) { if (val.online) { marker.setOpacity(1.0); playersOfflineMarkerGroup.removeLayer(marker); playersOnlineMarkerGroup.addLayer(marker); } else { marker.setOpacity(0.5); playersOnlineMarkerGroup.removeLayer(marker); playersOfflineMarkerGroup.addLayer(marker); } } val.currentPosMarker = marker; playersMappingList[val.steamid] = val; if (val.online) online++; else offline++; }); $( "#mapControlOnlineCount" ).text( online ); $( "#mapControlOfflineCount" ).text( offline ); } var updatePlayerEvent = function() { $.getJSON( "../api/getplayerslocation") .done(setPlayerMarkers) .fail(function(jqxhr, textStatus, error) { console.log("Error fetching players list"); }) .always(function() { window.setTimeout(updatePlayerEvent, 2000); }); } if (HasPermission ("webapi.getplayerslocation")) { window.setTimeout(updatePlayerEvent, 0); } } function StartMapModule () { $.getJSON( "../map/mapinfo.json") .done(function(data) { mapinfo.tilesize = data.blockSize; mapinfo.maxzoom = data.maxZoom; }) .fail(function(jqxhr, textStatus, error) { console.log ("Error fetching map information"); }) .always(function() { InitMap (); }); }