پرش به محتوا

لوکیشن/پوشاک بابازاده - فراغیب

از فراغیب
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<html>
<html>


<html>
35.56191098630407,51.16095124556554
 
<div style="width: 100%; max-width: 1000px; font-family: Tahoma, sans-serif;">
<div style="width: 100%; max-width: 1000px; font-family: Tahoma, sans-serif;">
   <!-- نقشه اصلی -->
   <!-- نقشه اصلی -->
خط ۱۱: خط ۱۰:
       style="display: block; border: none;"
       style="display: block; border: none;"
       loading="lazy"
       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">
       src="https://www.openstreetmap.org/export/embed.html?bbox=61.65516381168245%2C26.67101622855383%2C61.67516381168245%2C26.69101622855383&layer=mapnik&marker=35.56191098630407%2C51.16095124556554">
     </iframe>
     </iframe>
   </div>
   </div>


  <!-- دکمه‌های زیر نقشه -->
<!-- دکمه‌های زیر نقشه -->
  <div style="display: flex; gap: 10px; margin-top: 15px;">
<div style="display: flex; gap: 10px; margin-top: 15px;">
    <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;">
  <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;">
      مسیریابی
    مسیریابی
    </a>
  </a>
    <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;">
 
      تماس
  <a href="tel:09120000000" 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;">
    </a>
    تماس
     <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;">
  </a>
       اشتراک‌گذاری
 
     </button>
  <button type="button" onclick="openShareSheet()" style="flex: 1; padding: 12px; text-align: center; background: #fff3e0; color: #f57c00; border-radius: 8px; font-weight: bold; border: 1px solid #ffe0b2; cursor: pointer;">
     اشتراک‌گذاری
  </button>
</div>
 
<!-- شیت اشتراک گذاری -->
<div id="shareSheet" style="display:none; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.55); align-items: center; justify-content: center; padding: 16px;">
  <div style="width: 100%; max-width: 420px; background: #f3efe7; border-radius: 22px; padding: 22px 20px 18px; direction: rtl; box-shadow: 0 12px 40px rgba(0,0,0,0.22); font-family: Tahoma, sans-serif;">
    <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom: 18px;">
      <button type="button" onclick="closeShareSheet()" style="background: transparent; border: 0; font-size: 22px; cursor: pointer; color: #333; line-height: 1;">✕</button>
      <div style="font-size: 18px; font-weight: 700; color: #222;">اشتراک‌گذاری</div>
    </div>
 
    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 12px; text-align: center;">
      <button type="button" onclick="copyShareLink()" style="border:0; background:transparent; cursor:pointer;">
        <div style="width: 52px; height: 52px; margin: 0 auto 8px; border-radius: 50%; background: #ffffff; display:flex; align-items:center; justify-content:center; box-shadow: 0 2px 8px rgba(0,0,0,0.08); font-size: 22px;">🔗</div>
        <div style="font-size: 13px; color:#222;">کپی لینک</div>
      </button>
 
      <a id="shareTelegram" target="_blank" rel="noopener noreferrer" style="text-decoration:none; color:inherit;">
        <div style="width: 52px; height: 52px; margin: 0 auto 8px; border-radius: 50%; background: #ffffff; display:flex; align-items:center; justify-content:center; box-shadow: 0 2px 8px rgba(0,0,0,0.08); font-size: 22px;">✈️</div>
        <div style="font-size: 13px; color:#222;">تلگرام</div>
      </a>
 
      <a id="shareWhatsApp" target="_blank" rel="noopener noreferrer" style="text-decoration:none; color:inherit;">
        <div style="width: 52px; height: 52px; margin: 0 auto 8px; border-radius: 50%; background: #ffffff; display:flex; align-items:center; justify-content:center; box-shadow: 0 2px 8px rgba(0,0,0,0.08); font-size: 22px;">💬</div>
        <div style="font-size: 13px; color:#222;">واتساپ</div>
      </a>
 
      <a id="shareEitaa" target="_blank" rel="noopener noreferrer" style="text-decoration:none; color:inherit;">
        <div style="width: 52px; height: 52px; margin: 0 auto 8px; border-radius: 50%; background: #ffffff; display:flex; align-items:center; justify-content:center; box-shadow: 0 2px 8px rgba(0,0,0,0.08); font-size: 20px; font-weight: 700;">E</div>
        <div style="font-size: 13px; color:#222;">ایتا</div>
      </a>
 
      <a id="shareBale" target="_blank" rel="noopener noreferrer" style="text-decoration:none; color:inherit;">
        <div style="width: 52px; height: 52px; margin: 0 auto 8px; border-radius: 50%; background: #ffffff; display:flex; align-items:center; justify-content:center; box-shadow: 0 2px 8px rgba(0,0,0,0.08); font-size: 22px;">🗨️</div>
        <div style="font-size: 13px; color:#222;">بله</div>
      </a>
 
      <a id="shareX" target="_blank" rel="noopener noreferrer" style="text-decoration:none; color:inherit;">
        <div style="width: 52px; height: 52px; margin: 0 auto 8px; border-radius: 50%; background: #ffffff; display:flex; align-items:center; justify-content:center; box-shadow: 0 2px 8px rgba(0,0,0,0.08); font-size: 20px; font-weight: 700;">X</div>
        <div style="font-size: 13px; color:#222;">ایکس</div>
      </a>
 
      <button type="button" onclick="nativeShare()" style="border:0; background:transparent; cursor:pointer;">
        <div style="width: 52px; height: 52px; margin: 0 auto 8px; border-radius: 50%; background: #ffffff; display:flex; align-items:center; justify-content:center; box-shadow: 0 2px 8px rgba(0,0,0,0.08); font-size: 22px;">⬆️</div>
        <div style="font-size: 13px; color:#222;">بیشتر</div>
      </button>
    </div>
 
    <div id="shareLinkText" style="margin-top: 18px; font-size: 12px; color: #888; direction: ltr; text-align: left; word-break: break-all;">
       https://example.com
     </div>
   </div>
   </div>
</div>
</div>


<script>
  function currentShareUrl() {
    return window.location.href;
  }
  function openShareSheet() {
    const url = currentShareUrl();
    const title = document.title || 'اشتراک‌گذاری';
    const text = 'مشاهده این مکان';
    document.getElementById('shareSheet').style.display = 'flex';
    document.getElementById('shareLinkText').textContent = url;
    document.getElementById('shareTelegram').href =
      'https://t.me/share/url?url=' + encodeURIComponent(url) + '&text=' + encodeURIComponent(text);
    document.getElementById('shareWhatsApp').href =
      'https://wa.me/?text=' + encodeURIComponent(text + ' ' + url);
    document.getElementById('shareEitaa').href =
      'https://eitaa.com/share/url?url=' + encodeURIComponent(url) + '&text=' + encodeURIComponent(text);
    document.getElementById('shareBale').href =
      'https://ble.ir/share?url=' + encodeURIComponent(url) + '&text=' + encodeURIComponent(text);
    document.getElementById('shareX').href =
      'https://x.com/intent/tweet?url=' + encodeURIComponent(url) + '&text=' + encodeURIComponent(text);
  }
  function closeShareSheet() {
    document.getElementById('shareSheet').style.display = 'none';
  }
  async function copyShareLink() {
    try {
      await navigator.clipboard.writeText(currentShareUrl());
      alert('لینک کپی شد');
    } catch (e) {
      const temp = document.createElement('input');
      temp.value = currentShareUrl();
      document.body.appendChild(temp);
      temp.select();
      document.execCommand('copy');
      document.body.removeChild(temp);
      alert('لینک کپی شد');
    }
  }
  async function nativeShare() {
    const url = currentShareUrl();
    const title = document.title || 'اشتراک‌گذاری';
    const text = 'مشاهده این مکان';
    if (navigator.share) {
      try {
        await navigator.share({ title, text, url });
      } catch (e) {}
    } else {
      copyShareLink();
    }
  }
  document.getElementById('shareSheet').addEventListener('click', function (e) {
    if (e.target === this) closeShareSheet();
  });
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape') closeShareSheet();
  });
</script>


</html>
</html>

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

35.56191098630407,51.16095124556554

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

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=الگو:لوکیشن/پوشاک_بابازاده&oldid=3146»