Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Origins Mod Taviana Map</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://map.originsmod.info/leaflet.css" />
    <style>
	html, body {
	    height: 100%;
	    min-height: 100%;
	    font-family: Helvetica, sans-serif;
	    margin: 0;
	    padding: 0;
	    font-size: 12px;
	    line-height: 15px;
	    letter-spacing: 0.08em;
	    font-style: normal;
	}
	#map {
	    width: 100%;
	    height: 100%;
	}
    </style>
    <script src="https://map.originsmod.info/leaflet.js"></script>
</head>
<body>
    <div id="map"></div>
    <script>

(function(){
var b = 1/25600, c = L.latLng([25600,0]);
L.CRS.Taviana=L.Util.extend({},L.CRS,{latLngToPoint:function(e,d){var a=L.latLng([c.lat-e.lat,e.lng-c.lng]),a=this.projection.project(a),b=this.scale(d);return a=this.transformation._transform(a,b)},pointToLatLng:function(b,d){var a=this.scale(d),a=this.transformation.untransform(b,a),a=this.projection.unproject(a);a.lat=c.lat-a.lat;a.lng+=c.lng;return a},projection:L.Projection.LonLat,transformation:new L.Transformation(b,0,b,0)})}
)();

var tavimap = 'https://map.originsmod.info/l{z}/tile_{z}_{x}-{y}.png', taviattribution = 'Origins Mod &copy;';
var tavi = L.tileLayer(tavimap, {continuousWorld: false,minZoom: 1,maxZoom: 7, noWrap: true, styleId: 22677, attribution: taviattribution});

var map = L.map('map', {
		center:[12800,12800],
		crs: L.CRS.Taviana
	}
).setView([12800, 12800], 2);

var LeafIcon = L.Icon.extend({
	options: {
		shadowUrl: 'https://map.originsmod.info/images/marker-shadow.png',
		iconSize:     [30, 30],
		shadowSize:   [51, 30],
		iconAnchor:   [15,30],
		shadowAnchor: [15, 30],
		popupAnchor:  [0, -30]
	}
});

var AirIcon = new LeafIcon({iconUrl: 'https://res.cloudinary.com/hees/image/upload/v1585651182/ico_player_ho5khw.png'});


var ToClear = new Array();
var smallcarsAll = new L.layerGroup();

function fillMarkers(iconT,items,nameg) {
	var lgrup = new L.layerGroup();
	for(i=0;i<items.length;i++){
		var LamMarker = new L.marker([items[i][0], items[i][1]],{icon: iconT, title: items[i][2]}).bindPopup(items[i][2]);
		lgrup.addLayer(LamMarker);
		smallcarsAll.addLayer(LamMarker);
	}
	ToClear.push(lgrup);
	return lgrup;
}


var overlayMapsAir = {
'[BLUE]Miesepeter': fillMarkers(AirIcon,[['16650.4','13198.2','[BLUE]Miesepeter']],'[BLUE]Miesepeter'),
'Sem1': fillMarkers(AirIcon,[['16698.7','13206','Sem1']],'Sem1'),
'[BLUE]Hans': fillMarkers(AirIcon,[['16644.2','13194.9','[BLUE]Hans']],'[BLUE]Hans'),
'fenik': fillMarkers(AirIcon,[['16643.8','13210.7','fenik']],'fenik'),
'[Zajabumba]Alibaba': fillMarkers(AirIcon,[['16638','13191.6','[Zajabumba]Alibaba']],'[Zajabumba]Alibaba'),
'Silentio': fillMarkers(AirIcon,[['16640.5','13217','Silentio']],'Silentio'),
'[COVID-19]BUHTUK': fillMarkers(AirIcon,[['16631.7','13188.3','[COVID-19]BUHTUK']],'[COVID-19]BUHTUK'),
'060619.onliners': fillMarkers(AirIcon,[['16637.2','13223.2','060619.onliners']],'060619.onliners'),
'tocix.EagleyezZ': fillMarkers(AirIcon,[['16642.5','13194.2','tocix.EagleyezZ']],'tocix.EagleyezZ'),
'[delevery loot]RoAch': fillMarkers(AirIcon,[['16636.1','13197.5','[delevery loot]RoAch']],'[delevery loot]RoAch'),
'Nemecle': fillMarkers(AirIcon,[['16629.4','13182.3','Nemecle']],'Nemecle'),
'AndrewBest': fillMarkers(AirIcon,[['16622.7','13187.3','AndrewBest']],'AndrewBest'),
'[BLUE] Hirscher': fillMarkers(AirIcon,[['16660.4','13155.5','[BLUE] Hirscher']],'[BLUE] Hirscher'),
'[Delivery loot] Panic': fillMarkers(AirIcon,[['16696.9','13187.6','[Delivery loot] Panic']],'[Delivery loot] Panic'),
'[SPELG] Shady': fillMarkers(AirIcon,[['16614.8','13186.1','[SPELG] Shady']],'[SPELG] Shady')
};


tavi.addTo(map);

var options = {
	collapsed:false,
	autoZIndex: false
};


var Basecontr = L.control.layers('',overlayMapsAir,options).addTo(map);
var i=0;
for(i=0;i<ToClear.length;i++) {
	ToClear[i].addTo(map);
}


function testbutton(res) {
	if(res=='7') {
		var i=0;
		for(i=0;i<ToClear.length;i++) {
			ToClear[i].addTo(map);
		}
	};

	if(res=='12') {
		var i=0;
		for(i=0;i<ToClear.length;i++) {
			var checked = map.hasLayer(ToClear[i]);
			if(checked) {
				map.removeLayer(ToClear[i]);
			};
		}
	};

};

	function fromCoordToGps(a){
		a=Math.abs(a/1000);
		var b=(1E3*a).toString();
		return b=0.1>a?"000":1>a?"00"+b.substr(0,1):10>a?"0"+b.substr(0,2):100>a?b.substr(0,3):"999"
	}
	function fromGpsToCoord(a){
		return 0.1*parseInt(a,10)
	}
	function fromLatLngToGps(a){
		var b=fromCoordToGps(a.lat);return fromCoordToGps(a.lng)+" "+b
	}

</script>

		<div class="leaflet-top leaflet-left" style = "margin-top: 110px;">
		<div class="leaflet-control-zoom leaflet-bar leaflet-control">
			<a class="cclassname" href="#" onclick="testbutton(7);" style="width:55px;">Player</a>
			<a class="cclassname" href="#" onclick="testbutton(12);" style="width:55px;">Clear</a>
		</div>
	</div>
	</body>
</html>