「テンプレート:検索結果カード」の版間の差分

← 古い編集新しい編集 →

ビジュアルウィキテキスト

2025年12月5日 (金) 12:39時点における版

[[{{{_pageName}}}|{{{店名}}}]]

昼： - ～- 　夜： - ～-

@@ 9行目: / 9行目: @@
    | [[File:{{{画像}}}|middle|class=crop-img]]
 }}
-<html>
+{{#if: {{{ストリートビューURL|}}}
-<iframe src="https://www.google.com/maps/embed?pb=!4v1764830007224!6m8!1m7!1svg2jZ3lDcJLn_0Cswz8mwg!2m2!1d34.81377285302202!2d135.4112084102607!3f253.57022509487788!4f2.141590539205197!5f1.537424297350113" width="200" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+        | <div class="streetview-placeholder" data-url="{{{ストリートビューURL}}}" style="width: 100%; height: 100%;"></div>
-</html>
+        | <div class="streetview-api-placeholder" data-name="{{{座標}}}" style="width: 100%; height: 100%;"></div>
+    }}
 </div>
    <div class="card-info">
@@ 78行目: / 79行目: @@
 }
 </style>
+<script>
+	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);
+  });
+</script>
 </html>