minetest-tiler/index.html

68 lines
1.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="//txmn.tk/js/leaflet/leaflet.css" />
<style type="text/css">
html, body, #map {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
</style>
<title>Juneland Survival Map</title>
<script type="text/javascript" src="//txmn.tk/js/leaflet/leaflet.js"></script>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var MAP_POS = [-909, 1908];
var MAP_ZOOM = 7;
var MAP_TILES = "http://g1formation.fr/minetest-map/survival/{z}/{x}/{y}.png"
var MAP_POINTS = [
[-909, 12, 1908, "Spawn"],
[172, 19, 1288, "Maison/Supermarché de tuxmain"],
[-675, 85, 1916, "Maison d'Attilax"],
[-1778, -1070, 1934, "Maison/Supermarché de scuti"],
[174, 96, 2586, "Maison/Supermarché de facoluche"],
[46, 11, 2590, "Maison de lumi"],
[-1101, 9, 2064, "Abris"],
[-635, 55, 2004, "Maison de RomainRun"],
[-1550, 4, 1933, "Maison de Saund"],
[-407, 21, 1199, "Ğrand Ğ"]
];
var points = [];
for(i in MAP_POINTS) {
var p = MAP_POINTS[i];
points.push(L.marker([p[2]/128, p[0]/128]).bindPopup(p[0]+" "+p[1]+" "+p[2]+" : "+p[3]));
}
var map = L.map("map", {
"crs": L.CRS.Simple,
"maxZoom": 10
}).setView([MAP_POS[1]/128, MAP_POS[0]/128], MAP_ZOOM);
var coord_popup = L.popup();
function onMapClick(e) {
coord_popup
.setLatLng(e.latlng)
.setContent(e.latlng.lng*128 + " " + e.latlng.lat*128)
.openOn(map);
}
map.on('click', onMapClick);
L.control.layers({
"Juneland Survival": L.tileLayer(MAP_TILES, {attribution: '<a href="https://git.p2p.legal/tuxmain/minetest-tiler">minetest-tiler</a> | CC BY-SA <a href="https://juneland.fr">Juneland</a> Players'}).addTo(map)
}, {
"Points d'intérêt": L.layerGroup(points).addTo(map)
}).addTo(map);
</script>
</body>
</html>