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.

/* Any JavaScript here will be loaded for all users on every page load. */


// Assuming your div has an id 'map'
var element = document.getElementById('map');

// Check if the element has a data-src attribute
if (element && element.hasAttribute('data-src')) {
    // If data-src exists, proceed to display the map
    displayMap(element.getAttribute('data-src'));
} else {
    // If data-src doesn't exist, hide the div
    element.style.display = 'none';
}

function displayMap(coordinates) {
    // Your existing initMap and Google Maps API script inclusion code
    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'
        });
    }

    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);
}