「MediaWiki:Citizen.js」の版間の差分

// GoogleMap表示
(function() {
    function initGoogleMaps() {
        document.querySelectorAll(".map-embed").forEach(function (el) {
            const name = el.dataset.name;
            if (!name) return;

            const src = `https://www.google.com/maps/embed/v1/place?key=AIzaSyDOA7e6S9arQa6NvnsFYXxGjX9P_ycwoyM&q=${encodeURIComponent(name)}&zoom=16&maptype=roadmap&language=ja&region=JP`;

            const iframe = document.createElement("iframe");
            iframe.width = "100%";
            iframe.height = "400";
            iframe.style.border = "0";
            iframe.loading = "lazy";
            iframe.allowFullscreen = true;
            iframe.referrerPolicy = "no-referrer-when-downgrade";
            iframe.src = src;

            // iframeが読み込まれたらSkeletonを消す
            iframe.addEventListener("load", function() {
                el.classList.add("loaded");
            });
            el.appendChild(iframe);
        });
    }

    // DOM準備後に実行
    if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", initGoogleMaps);
    } else {
        initGoogleMaps();
    }
    
	document.querySelectorAll(".streetview-placeholder").forEach(function(el) {
	    const url = el.getAttribute("data-url");
	    if (!url) return;
	
	    const iframe = document.createElement("iframe");
	    iframe.src = url;
	    iframe.width = "100%";
	    iframe.height = "100%";
	    iframe.style.border = "0";
	    iframe.loading = "lazy";
	    iframe.allowFullscreen = true;
	    iframe.referrerPolicy = "no-referrer-when-downgrade";
	
	    el.appendChild(iframe);
  });
 	document.querySelectorAll(".streetview-api-placeholder").forEach(function(el) {
	    const name = el.getAttribute("data-name");
	    if (!name) return;
	    
        const src = `https://www.google.com/maps/embed/v1/streetview?key=AIzaSyDOA7e6S9arQa6NvnsFYXxGjX9P_ycwoyM&location=${name}`;
	
	    const iframe = document.createElement("iframe");
	    iframe.src = src;
	    iframe.width = "100%";
	    iframe.height = "100%";
	    iframe.style.border = "0";
	    iframe.loading = "lazy";
	    iframe.allowFullscreen = true;
	    iframe.referrerPolicy = "no-referrer-when-downgrade";
	
	    el.appendChild(iframe);
  });
})();