「MediaWiki:Citizen.js」の版間の差分
MediaWikiインターフェイスページ
その他の操作
編集の要約なし |
編集の要約なし |
||
| 2行目: | 2行目: | ||
console.log("Citizen.js loaded"); | console.log("Citizen.js loaded"); | ||
alert("Citizen.js loaded"); | alert("Citizen.js loaded"); | ||
(function() { | |||
console.log("Citizen.js loaded"); | |||
// ページ読み込み後に処理 | |||
document.addEventListener("DOMContentLoaded", function() { | |||
var maps = document.querySelectorAll('.googlemap'); | |||
if (maps.length === 0) return; | |||
// Google Maps API を読み込む | |||
var script = document.createElement('script'); | |||
script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyDOA7e6S9arQa6NvnsFYXxGjX9P_ycwoyM&callback=initMaps'; | |||
script.async = true; | |||
document.body.appendChild(script); | |||
// コールバック関数 | |||
window.initMaps = function() { | |||
maps.forEach(function(el) { | |||
var coords = el.dataset.coords.split(','); | |||
if (coords.length !== 2) return; | |||
var lat = parseFloat(coords[0].trim()); | |||
var lng = parseFloat(coords[1].trim()); | |||
var map = new google.maps.Map(el, { | |||
center: {lat: lat, lng: lng}, | |||
zoom: 16 | |||
}); | |||
new google.maps.Marker({ | |||
position: {lat: lat, lng: lng}, | |||
map: map | |||
}); | |||
}); | |||
}; | |||
}); | |||
})(); | |||
})(); | })(); | ||
2025年10月23日 (木) 20:13時点における版
(function() {
console.log("Citizen.js loaded");
alert("Citizen.js loaded");
(function() {
console.log("Citizen.js loaded");
// ページ読み込み後に処理
document.addEventListener("DOMContentLoaded", function() {
var maps = document.querySelectorAll('.googlemap');
if (maps.length === 0) return;
// Google Maps API を読み込む
var script = document.createElement('script');
script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyDOA7e6S9arQa6NvnsFYXxGjX9P_ycwoyM&callback=initMaps';
script.async = true;
document.body.appendChild(script);
// コールバック関数
window.initMaps = function() {
maps.forEach(function(el) {
var coords = el.dataset.coords.split(',');
if (coords.length !== 2) return;
var lat = parseFloat(coords[0].trim());
var lng = parseFloat(coords[1].trim());
var map = new google.maps.Map(el, {
center: {lat: lat, lng: lng},
zoom: 16
});
new google.maps.Marker({
position: {lat: lat, lng: lng},
map: map
});
});
};
});
})();
})();