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

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

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

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

مسیریابی تماس

@@ خط ۱: / خط ۱: @@
-<html lang="fa" dir="rtl">
+<html>
-  <body>
-    <div style="position: relative; width: 100%; max-width: 1000px;">
-      <!--
-        ================================
-        فقط این 2 بخش را هنگام تغییر لوکیشن عوض کن
-        ================================
-) لینک نشان:
+<html>
-           در href مختصات و زوم را عوض کن
-           نمونه:
-           #cLAT-LNG-ZOOMz-0p
-) لینک نقشه OpenStreetMap:
+<div style="width: 100%; max-width: 1000px; font-family: Tahoma, sans-serif;">
-           - marker=LAT,LNG
+  <!-- نقشه اصلی -->
-           - bbox=minLng,minLat,maxLng,maxLat
+  <div style="position: relative; border: 1px solid #ccc; border-radius: 12px; overflow: hidden;">
-      -->
+    <iframe
+      width="100%"
+      height="200"
+      style="display: block; border: none;"
+      loading="lazy"
+      src="https://www.openstreetmap.org/export/embed.html?bbox=61.65516381168245%2C26.67101622855383%2C61.67516381168245%2C26.69101622855383&layer=mapnik&marker=26.68101622855383%2C61.66516381168245">
+    </iframe>
+  </div>
-      <!-- این لینک با کلیک روی لایه شفاف باز می‌شود -->
+  <!-- دکمه‌های زیر نقشه -->
-      <a
+  <div style="display: flex; gap: 10px; margin-top: 15px;">
-        href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.68101622855383-61.66516381168245-22z-0p"
+    <a href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd" target="_blank" style="flex: 1; padding: 12px; text-align: center; background: #e3f2fd; color: #1976d2; border-radius: 8px; text-decoration: none; font-weight: bold; border: 1px solid #bbdefb;">
-        target="_blank"
+      مسیریابی
-        rel="noopener noreferrer"
+    </a>
-        title="باز کردن در نشان"
+    <a href="tel:09333009575" style="flex: 1; padding: 12px; text-align: center; background: #e8f5e9; color: #388e3c; border-radius: 8px; text-decoration: none; font-weight: bold; border: 1px solid #c8e6c9;">
-        style="
+       تماس
-          position: absolute;
+    </a>
-          inset: 0;
+    <button onclick="navigator.clipboard.writeText(window.location.href); alert('لینک کپی شد!');" style="flex: 1; padding: 12px; text-align: center; background: #fff3e0; color: #f57c00; border-radius: 8px; text-decoration: none; font-weight: bold; border: 1px solid #ffe0b2; cursor: pointer;">
-          z-index: 2;
+      اشتراک‌گذاری
-          display: block;
+    </button>
-          text-decoration: none;
+  </div>
-        "
+</div>
-       >
-        <!--
-          این لایه شفاف است و باعث می‌شود کلیک روی کل نقشه،
-          لینک نشان را باز کند.
-        -->
-        <span
-          style="
-            position: absolute;
-            inset: 0;
-            background: transparent;
-            cursor: pointer;
-          "
-        ></span>
-      </a>
-      <!-- نقشه -->
-      <iframe
-        width="100%"
-        height="400"
-        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>