MediaWiki:Common.js - Revision history

Ninjoh: Replaced content with "/* Any JavaScript here will be loaded for all users on every page load. */"

2023-05-31T19:33:26Z

Replaced content with "Any JavaScript here will be loaded for all users on every page load.: "

← Older revision		Revision as of 19:33, 31 May 2023
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
	~~importScript('MediaWiki:OpenLayers.js');~~


	~~$(function() {~~
	~~const ImageLayer = ol.layer.Image;~~
	~~const Map = ol.Map;~~
	~~const Projection = ol.proj.Projection;~~
	~~const Static = ol.source.ImageStatic;~~
	~~const View = ol.View;~~
	~~const getCenter = ol.extent.getCenter;~~

	~~// Map views always need a projection. Here we just want to map image~~
	~~// coordinates directly to map coordinates, so we create a projection that uses~~
	~~// the image extent in pixels.~~
	~~const extent = [0, 0, 4097, 2926];~~
	~~const projection = new Projection({~~
	~~code: 'fables-image',~~
	~~units: 'pixels',~~
	~~extent: extent,~~
	~~});~~

	~~const map = new Map({~~
	~~layers: [~~
	~~new ImageLayer({~~
	~~source: new Static({~~
	~~url: 'https://fablesfantasyrp.com/wiki/images/d/d0/Eden1530.jpg',~~
	~~projection: projection,~~
	~~imageExtent: extent,~~
	~~}),~~
	~~}),~~
	],
	~~target: 'eden-map',~~
	~~view: new View({~~
	~~projection: projection,~~
	~~center: getCenter(extent),~~
	~~zoom: 2,~~
	~~maxZoom: 8,~~
	~~}),~~
	~~});~~

	})

Ninjoh at 19:17, 31 May 2023

2023-05-31T19:17:56Z

← Older revision		Revision as of 19:17, 31 May 2023
Line 2:		Line 2:
	importScript('MediaWiki:OpenLayers.js');		importScript('MediaWiki:OpenLayers.js');

	~~console.log(ol);~~

	$(function() {		$(function() {
	~~console.log(ol);~~

	const ImageLayer = ol.layer.Image;		const ImageLayer = ol.layer.Image;
	const Map = ol.Map;		const Map = ol.Map;

Ninjoh at 19:17, 31 May 2023

2023-05-31T19:17:28Z

← Older revision		Revision as of 19:17, 31 May 2023
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
	importScript('MediaWiki:OpenLayers.js');		importScript('MediaWiki:OpenLayers.js');

			console.log(ol);

			$(function() {
			console.log(ol);

	const ImageLayer = ol.layer.Image;		const ImageLayer = ol.layer.Image;
Line 9:		Line 14:
	const getCenter = ol.extent.getCenter;		const getCenter = ol.extent.getCenter;

	~~console.log(ol);~~

	~~$(function() {~~
	~~console.log(ol);~~
	// Map views always need a projection. Here we just want to map image		// Map views always need a projection. Here we just want to map image
	// coordinates directly to map coordinates, so we create a projection that uses		// coordinates directly to map coordinates, so we create a projection that uses

Ninjoh at 19:15, 31 May 2023

2023-05-31T19:15:45Z

← Older revision		Revision as of 19:15, 31 May 2023
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
	importScript('MediaWiki:OpenLayers.js');		importScript('MediaWiki:OpenLayers.js');
	~~try {~~
	const ImageLayer = ol.layer.Image;		const ImageLayer = ol.layer.Image;
	const Map = ol.Map;		const Map = ol.Map;
Line 8:		Line 8:
	const View = ol.View;		const View = ol.View;
	const getCenter = ol.extent.getCenter;		const getCenter = ol.extent.getCenter;

			console.log(ol);

	$(function() {		$(function() {
			console.log(ol);
	// Map views always need a projection. Here we just want to map image		// Map views always need a projection. Here we just want to map image
	// coordinates directly to map coordinates, so we create a projection that uses		// coordinates directly to map coordinates, so we create a projection that uses
Line 41:		Line 43:

	})		})
	~~} catch (err) {~~
	~~console.log(err);~~
	}

Ninjoh at 19:14, 31 May 2023

2023-05-31T19:14:16Z

← Older revision		Revision as of 19:14, 31 May 2023
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
			importScript('MediaWiki:OpenLayers.js');
	try {		try {
	~~importScript('MediaWiki:OpenLayers.js');~~

	~~$(function() {~~

	const ImageLayer = ol.layer.Image;		const ImageLayer = ol.layer.Image;
	const Map = ol.Map;		const Map = ol.Map;
Line 11:		Line 8:
	const View = ol.View;		const View = ol.View;
	const getCenter = ol.extent.getCenter;		const getCenter = ol.extent.getCenter;

			$(function() {

	// Map views always need a projection. Here we just want to map image		// Map views always need a projection. Here we just want to map image

Ninjoh at 19:12, 31 May 2023

2023-05-31T19:12:41Z

← Older revision		Revision as of 19:12, 31 May 2023
Line 2:		Line 2:
	try {		try {
	importScript('MediaWiki:OpenLayers.js');		importScript('MediaWiki:OpenLayers.js');

			$(function() {

	const ImageLayer = ol.layer.Image;		const ImageLayer = ol.layer.Image;
Line 9:		Line 11:
	const View = ol.View;		const View = ol.View;
	const getCenter = ol.extent.getCenter;		const getCenter = ol.extent.getCenter;

	~~$(function() {~~

	// Map views always need a projection. Here we just want to map image		// Map views always need a projection. Here we just want to map image

Ninjoh at 19:11, 31 May 2023

2023-05-31T19:11:41Z

← Older revision		Revision as of 19:11, 31 May 2023
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
			try {
	importScript('MediaWiki:OpenLayers.js');		importScript('MediaWiki:OpenLayers.js');

			const ImageLayer = ol.layer.Image;
			const Map = ol.Map;
			const Projection = ol.proj.Projection;
			const Static = ol.source.ImageStatic;
			const View = ol.View;
			const getCenter = ol.extent.getCenter;

	$(function() {		$(function() {
Line 9:		Line 16:
	// the image extent in pixels.		// the image extent in pixels.
	const extent = [0, 0, 4097, 2926];		const extent = [0, 0, 4097, 2926];
	const projection = new ~~ol.~~Projection({		const projection = new Projection({
	code: 'fables-image',		code: 'fables-image',
	units: 'pixels',		units: 'pixels',
Line 15:		Line 22:
	});		});

	const map = new ~~ol.~~Map({		const map = new Map({
	layers: [		layers: [
	new ImageLayer({		new ImageLayer({
Line 35:		Line 42:

	})		})
			} catch (err) {
			console.log(err);
			}

Ninjoh at 19:08, 31 May 2023

2023-05-31T19:08:16Z

← Older revision		Revision as of 19:08, 31 May 2023
Line 9:		Line 9:
	// the image extent in pixels.		// the image extent in pixels.
	const extent = [0, 0, 4097, 2926];		const extent = [0, 0, 4097, 2926];
	const projection = new Projection({		const projection = new ol.Projection({
	code: 'fables-image',		code: 'fables-image',
	units: 'pixels',		units: 'pixels',
Line 15:		Line 15:
	});		});

	const map = new Map({		const map = new ol.Map({
	layers: [		layers: [
	new ImageLayer({		new ImageLayer({

Ninjoh: Created page with "/* Any JavaScript here will be loaded for all users on every page load. */ importScript('MediaWiki:OpenLayers.js'); $(function() { // Map views always need a projection. Here we just want to map image // coordinates directly to map coordinates, so we create a projection that uses // the image extent in pixels. const extent = [0, 0, 4097, 2926]; const projection = new Projection({ code: 'fables-image', units: 'pixels', extent: extent, }); const map = new Map({..."

2023-05-31T19:07:45Z

Created page with "Any JavaScript here will be loaded for all users on every page load.: importScript('MediaWiki:OpenLayers.js'); $(function() { // Map views always need a projection. Here we just want to map image // coordinates directly to map coordinates, so we create a projection that uses // the image extent in pixels. const extent = [0, 0, 4097, 2926]; const projection = new Projection({ code: 'fables-image', units: 'pixels', extent: extent, }); const map = new Map({..."

New page

/* Any JavaScript here will be loaded for all users on every page load. */
importScript('MediaWiki:OpenLayers.js');

$(function() {

// Map views always need a projection. Here we just want to map image
// coordinates directly to map coordinates, so we create a projection that uses
// the image extent in pixels.
const extent = [0, 0, 4097, 2926];
const projection = new Projection({
code: 'fables-image',
units: 'pixels',
extent: extent,
});

const map = new Map({
layers: [
new ImageLayer({
source: new Static({
url: 'https://fablesfantasyrp.com/wiki/images/d/d0/Eden1530.jpg',
projection: projection,
imageExtent: extent,
}),
}),
],
target: 'eden-map',
view: new View({
projection: projection,
center: getCenter(extent),
zoom: 2,
maxZoom: 8,
}),
});

})