MediaWiki:Common.js: Difference between revisions

From Imperial Minerals Wiki
No edit summary
No edit summary
Line 4: Line 4:
function initMap() {
function initMap() {
     var element = document.getElementById('map');
     var element = document.getElementById('map');
     var coordinates = element.getAttribute('data-src').split(',').map(function(coord) {
     var coordinates = element.getAttribute('data-src').split(/[;,]/).map(function(coord) {
         return parseFloat(coord.trim());
         return parseFloat(coord.trim());
     });
     });

Revision as of 20:42, 19 February 2024

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


function initMap() {
    var element = document.getElementById('map');
    var coordinates = element.getAttribute('data-src').split(/[;,]/).map(function(coord) {
        return parseFloat(coord.trim());
    });

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

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

// Include the Google Maps JavaScript API script with your API key
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);