MediaWiki:Citizen.js

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。

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

})();