لوکیشن/عطاری حافظ - فراغیب

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

نسخهٔ ‏۱۶ ژوئیهٔ ۲۰۲۶، ساعت ۰۸:۰۴

باز کردن در نشان

@@ خط ۱: / خط ۱: @@
-<html>
+<html lang="fa" dir="rtl">
-<a href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.681-61.665-22z-0p"><iframe
+   <body>
-  width="100%"
+    <div style="position: relative; width: 100%; max-width: 1000px;">
-   height="600"
+      <!--
-  style="border:1px solid #ccc; border-radius:12px;"
+        ================================
-  loading="lazy"
+        فقط این 2 بخش را هنگام تغییر لوکیشن عوض کن
-  src="https://www.openstreetmap.org/export/embed.html?bbox=61.56516381168245%2C26.62101622855383%2C61.76516381168245%2C26.74101622855383&layer=mapnik&marker=26.68101622855383%2C61.66516381168245">
+        ================================
-</iframe></a>
+) لینک نشان:
+           در href مختصات و زوم را عوض کن
+           نمونه:
+           #cLAT-LNG-ZOOMz-0p
+) لینک نقشه OpenStreetMap:
+           - marker=LAT,LNG
+           - bbox=minLng,minLat,maxLng,maxLat
+      -->
+      <!-- این لینک با کلیک روی لایه شفاف باز می‌شود -->
+      <a
+        href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.68101622855383-61.66516381168245-22z-0p"
+        target="_blank"
+        rel="noopener noreferrer"
+        title="باز کردن در نشان"
+        style="
+          position: absolute;
+          inset: 0;
+          z-index: 2;
+          display: block;
+          text-decoration: none;
+        "
+      >
+        <!--
+          این لایه شفاف است و باعث می‌شود کلیک روی کل نقشه،
+          لینک نشان را باز کند.
+        -->
+        <span
+          style="
+            position: absolute;
+            inset: 0;
+            background: transparent;
+            cursor: pointer;
+          "
+        ></span>
+      </a>
+      <!-- نقشه -->
+      <iframe
+        width="100%"
+        height="600"
+        style="border:1px solid #ccc; border-radius:12px; display:block;"
+        loading="lazy"
+        src="https://www.openstreetmap.org/export/embed.html?bbox=61.56516381168245%2C26.62101622855383%2C61.76516381168245%2C26.74101622855383&layer=mapnik&marker=26.68101622855383%2C61.66516381168245">
+      </iframe>
+      <!-- دکمه/برچسب کمکی -->
+      <a
+        href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.68101622855383-61.66516381168245-22z-0p"
+        target="_blank"
+        rel="noopener noreferrer"
+        style="
+          position: absolute;
+          right: 12px;
+          top: 12px;
+          z-index: 3;
+          background: #fff;
+          color: #222;
+          border: 1px solid #ccc;
+          border-radius: 8px;
+          padding: 8px 12px;
+          font-family: sans-serif;
+          font-size: 14px;
+          text-decoration: none;
+          box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+        "
+      >
+        باز کردن در نشان
+      </a>
+    </div>
+  </body>
 </html>