MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
(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({...") |
No edit summary |
||
| 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({ | ||
Revision as of 19:08, 31 May 2023
/* 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 ol.Projection({
code: 'fables-image',
units: 'pixels',
extent: extent,
});
const map = new ol.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,
}),
});
})