MediaWiki:Common.js

From Imperial Minerals Wiki
Revision as of 20:49, 19 February 2024 by Woveadmin (talk | contribs)

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.
/* Any JavaScript here will be loaded for all users on every page load. */



var element = document.getElementById('map');

if (element && element.hasAttribute('data-src')) {
    displayMap(element.getAttribute('data-src'));
} else {
    element.style.display = 'none';
}

function displayMap(coordinates) {
    function initMap() {
        var coordinatesArray = coordinates.split(/[;,]/).map(function(coord) {
            return parseFloat(coord.trim());
        });

        var mapOptions = {
            center: { lat: coordinatesArray[0], lng: coordinatesArray[1] },
            zoom: 15
        };
        var map = new google.maps.Map(element, mapOptions);

        var marker = new google.maps.Marker({
            position: { lat: coordinatesArray[0], lng: coordinatesArray[1] },
            map: map,
            title: 'Marker Title'
        });
    }

    // Load the Google Maps API script after defining initMap
    var script = document.createElement('script');
    script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyBIrgq5dZQ8haJIfKHbGco90OpDwYLiXwA&callback=initMap';
    script.async = true;
    script.defer = true;
    document.head.appendChild(script);
}