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 を押してください。

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