MediaWiki:Gadget-TreeverseMap.js - Revision history

QTPi: Blanked the page

2025-08-26T22:56:04Z

Blanked the page

← Older revision		Revision as of 23:56, 26 August 2025
Line 1:		Line 1:
	~~// Wait for the page and Leaflet from Maps extension~~
	~~mw.loader.using('ext.maps.leaflet').then(function () {~~
	~~var el = document.getElementById('treeverse-map');~~
	~~if (!el) return; // only run on pages that have the div~~

	~~// Replace with your exact file name~~
	~~var fileTitle = 'TreeverseMap3.jpeg';~~

	~~// Build a raw file URL that Leaflet can load~~
	~~var imgUrl = mw.util.getUrl('Special:FilePath/' + fileTitle);~~

	~~// Set your image's pixel size~~
	~~var w = 2000, h = 2000; // change if your image is different~~

	~~// Create a simple CRS (pixel coords) map~~
	~~var map = L.map(el, { crs: L.CRS.Simple, minZoom: -2, maxZoom: 4 });~~

	~~var bounds = [[0, 0], [h, w]];~~
	~~L.imageOverlay(imgUrl, bounds).addTo(map);~~
	~~map.fitBounds(bounds);~~

	~~// Example marker (y, x) in pixel coords~~
	~~L.marker([1000, 1500]).addTo(map)~~
	~~.bindPopup('<b>Crystal Cave</b><br>Rare ores spawn here.');~~

	~~// If you see no tiles: open browser console for errors (JS/CORS/404).~~
	~~});~~

QTPi at 21:17, 26 August 2025

2025-08-26T21:17:24Z

← Older revision		Revision as of 22:17, 26 August 2025
Line 1:		Line 1:
	mw.loader.using('ext.maps.leaflet', function () {		// Wait for the page and Leaflet from Maps extension
	var ~~mapDiv~~ = document.getElementById('treeverse-map');		mw.loader.using('ext.maps.leaflet').then(function () {
	if (!~~mapDiv~~) return;		var el = document.getElementById('treeverse-map');
			if (!el) return; // only run on pages that have the div

	// ~~Size of~~ your ~~image~~		// Replace with your exact file name
	var w = ~~2000, h = 2000~~;		var fileTitle = 'TreeverseMap3.jpeg';

	// ~~Create the map~~		// Build a raw file URL that Leaflet can load
	var ~~map~~ = L.~~map~~(~~mapDiv, {~~		var imgUrl = mw.util.getUrl('Special:FilePath/' + fileTitle);
	~~crs: L.CRS.Simple,~~
	~~minZoom~~: -2
	});

	// ~~Calculate~~ image ~~bounds~~		// Set your image's pixel size
	var ~~bounds~~ = ~~[[0~~,~~0], [~~h~~,w]]~~;		var w = 2000, h = 2000; // change if your image is different

	// ~~Use your uploaded~~ map ~~image~~		// Create a simple CRS (pixel coords) map
	L.~~imageOverlay~~(~~'/wiki/File~~:~~TreeverseMap3~~.~~jpeg?download'~~, ~~bounds).addTo(map~~);		var map = L.map(el, { crs: L.CRS.Simple, minZoom: -2, maxZoom: 4 });

	~~// Fit~~ map ~~to image~~		var bounds = [[0, 0], [h, w]];
			L.imageOverlay(imgUrl, bounds).addTo(map);
	map.fitBounds(bounds);		map.fitBounds(bounds);

	// ~~Add example~~ marker		// Example marker (y, x) in pixel coords
	L.marker([1000, 1500]).addTo(map)		L.marker([1000, 1500]).addTo(map)
	.bindPopup("Crystal Cave ~~– rare~~ ores spawn here");		.bindPopup('<b>Crystal Cave</b><br>Rare ores spawn here.');

			// If you see no tiles: open browser console for errors (JS/CORS/404).
	});		});

QTPi: Created page with "mw.loader.using('ext.maps.leaflet', function () { var mapDiv = document.getElementById('treeverse-map'); if (!mapDiv) return; // Size of your image var w = 2000, h = 2000; // Create the map var map = L.map(mapDiv, { crs: L.CRS.Simple, minZoom: -2 }); // Calculate image bounds var bounds = [[0,0], [h,w]]; // Use your uploaded map image L.imageOverlay('/wiki/File:TreeverseMap3.jpeg?download', bounds).addTo(map); // Fit map to image ma..."

2025-08-26T21:11:29Z

Created page with "mw.loader.using('ext.maps.leaflet', function () { var mapDiv = document.getElementById('treeverse-map'); if (!mapDiv) return; // Size of your image var w = 2000, h = 2000; // Create the map var map = L.map(mapDiv, { crs: L.CRS.Simple, minZoom: -2 }); // Calculate image bounds var bounds = [[0,0], [h,w]]; // Use your uploaded map image L.imageOverlay('/wiki/File:TreeverseMap3.jpeg?download', bounds).addTo(map); // Fit map to image ma..."

New page

mw.loader.using('ext.maps.leaflet', function () {
var mapDiv = document.getElementById('treeverse-map');
if (!mapDiv) return;

// Size of your image
var w = 2000, h = 2000;

// Create the map
var map = L.map(mapDiv, {
crs: L.CRS.Simple,
minZoom: -2
});

// Calculate image bounds
var bounds = [[0,0], [h,w]];

// Use your uploaded map image
L.imageOverlay('/wiki/File:TreeverseMap3.jpeg?download', bounds).addTo(map);

// Fit map to image
map.fitBounds(bounds);

// Add example marker
L.marker([1000, 1500]).addTo(map)
.bindPopup("Crystal Cave – rare ores spawn here");
});