MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

// Load Leaflet JS and CSS
mw.loader.using(['mediawiki.util'], function () {
  var leafletScript = mw.loader.getScript('https://unpkg.com/[email protected]/dist/leaflet.js');
  mw.loader.load('https://unpkg.com/[email protected]/dist/leaflet.css', 'text/css');

  leafletScript.then(function () {
    // Only runs after Leaflet (L) is defined
    $('.medivia-map').each(function () {
      const el = this;
      const x = parseInt(el.dataset.x);
      const y = parseInt(el.dataset.y);
      const z = parseInt(el.dataset.z);
      const zoom = parseInt(el.dataset.zoom);

      const map = L.map(el, {
        crs: L.CRS.Simple,
        minZoom: 0,
        maxZoom: 7,
        center: [y, x],
        zoom: zoom
      });

      L.tileLayer('https://tafonath.github.io/medivia-mapper/tiles/{z}/{x}/{y}.png', {
        attribution: '© Medivia',
        tileSize: 256,
        noWrap: true
      }).addTo(map);

      map.setView([y, x], zoom);
    });
  });
});