MediaWiki:Common.js: Difference between revisions
(Created page with "→Any JavaScript here will be loaded for all users on every page load.: <script> 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...") |
No edit summary |
||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
// Your other JavaScript code here | |||
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); |
Revision as of 19:49, 19 February 2024
/* Any JavaScript here will be loaded for all users on every page load. */ // Your other JavaScript code here 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);