پرش به محتوا

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

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۳ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<html>
<html>


35.56191098630407,51.16095124556554
<div style="width: 100%; max-width: 1000px; font-family: Tahoma, sans-serif; direction: rtl;">
<div style="width: 100%; max-width: 1000px; font-family: Tahoma, sans-serif;">
   <style>
   <!-- نقشه اصلی -->
    .map-card { position: relative; border: 1px solid #ccc; border-radius: 12px; overflow: hidden; background: #fff; line-height: 0; }
  <div style="position: relative; border: 1px solid #ccc; border-radius: 12px; overflow: hidden;">
     .map-frame { display: block; width: 100%; height: 280px; border: none; }
     <iframe
    .map-overlay-link { position: absolute; inset: 0; z-index: 2; display: block; background: transparent; cursor: pointer; }
      width="100%"
    .map-actions { display: flex; gap: 10px; margin-top: 15px; }
      height="200"
    .map-actions a, .map-actions button { flex: 1; padding: 12px; text-align: center; border-radius: 8px; font-weight: bold; border: 1px solid transparent; cursor: pointer; font-family: inherit; font-size: 14px; text-decoration: none; transition: 0.2s; }
      style="display: block; border: none;"
    .btn-route { background: #e3f2fd; color: #1976d2; border-color: #bbdefb; }
      loading="lazy"
    .btn-contact { background: #e8f5e9; color: #388e3c; border-color: #c8e6c9; }
      src="https://www.openstreetmap.org/export/embed.html?bbox=61.65516381168245%2C26.67101622855383%2C61.67516381168245%2C26.69101622855383&layer=mapnik&marker=35.56191098630407%2C51.16095124556554">
    .btn-share { background: #fff3e0; color: #f57c00; border-color: #ffe0b2; }
     </iframe>
    .share-sheet { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0, 0, 0, 0.55); align-items: center; justify-content: center; padding: 16px; line-height: normal; }
   </div>
    .share-panel { width: 100%; max-width: 400px; background: #f3efe7; border-radius: 22px; padding: 22px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22); }
    .share-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
    .share-close { background: transparent; border: 0; font-size: 22px; cursor: pointer; color: #333; }
    .share-title { font-size: 18px; font-weight: 700; color: #222; }
    .share-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; text-align: center; }
    .share-item { text-decoration: none; color: inherit; background: transparent; border: 0; cursor: pointer; padding: 0; }
    .share-icon { width: 52px; height: 52px; margin: 0 auto 8px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); font-size: 24px; }
    .share-label { font-size: 13px; color: #222; }
     .share-link-text { margin-top: 20px; font-size: 11px; color: #999; direction: ltr; text-align: left; word-break: break-all; opacity: 0.8; }
   </style>


<!-- دکمه‌های زیر نقشه -->
  <!-- تنظیمات مختصات و لینک‌ها -->
<div style="display: flex; gap: 10px; margin-top: 15px;">
  <script>
  <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;">
    // مختصات جدید ارسالی شما
     مسیریابی
    const MAP_LAT = 35.56192273941163;
  </a>
    const MAP_LNG = 51.16097081423416;
      
    // تنظیم زوم (عدد کمتر = زوم بیشتر)
    const MAP_BBOX_DELTA = 0.003;


  <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;">
    // لینک نشان با مختصات جدید
    تماس
    const NESHAN_URL = `https://neshan.org/maps/@${MAP_LAT},${MAP_LNG},17z`;
  </a>
    const CONTACT_PHONE = "09120000000"; // شماره خود را اینجا وارد کنید


  <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;">
    function buildOsmUrl(lat, lng, delta) {
     اشتراک‌گذاری
      const minLat = lat - delta; const maxLat = lat + delta;
  </button>
      const minLng = lng - delta; const maxLng = lng + delta;
</div>
      return `https://www.openstreetmap.org/export/embed.html?bbox=${minLng}%2C${minLat}%2C${maxLng}%2C${maxLat}&layer=mapnik&marker=${lat}%2C${lng}`;
     }


<!-- شیت اشتراک گذاری -->
    function openShareSheet() {
<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;">
      const url = window.location.href;
  <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;">
      const text = "لوکیشن مجموعه ما";
    <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom: 18px;">
      document.getElementById("shareSheet").style.display = "flex";
       <button type="button" onclick="closeShareSheet()" style="background: transparent; border: 0; font-size: 22px; cursor: pointer; color: #333; line-height: 1;">✕</button>
      document.getElementById("shareLinkText").textContent = url;
       <div style="font-size: 18px; font-weight: 700; color: #222;">اشتراک‌گذاری</div>
      document.getElementById("shareTelegram").href = `https://t.me/share/url?url=${encodeURIComponent(url)}&text=${encodeURIComponent(text)}`;
     </div>
      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)}`;
     }


     <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 12px; text-align: center;">
     function closeShareSheet() { document.getElementById("shareSheet").style.display = "none"; }
      <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;">
    async function copyLink() {
        <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>
       await navigator.clipboard.writeText(window.location.href);
        <div style="font-size: 13px; color:#222;">تلگرام</div>
      alert("لینک کپی شد");
      </a>
    }


       <a id="shareWhatsApp" target="_blank" rel="noopener noreferrer" style="text-decoration:none; color:inherit;">
    async function nativeShare() {
         <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>
       if (navigator.share) {
        <div style="font-size: 13px; color:#222;">واتساپ</div>
         try { await navigator.share({ title: document.title, url: window.location.href }); } catch (e) {}
      </a>
      } else { copyLink(); }
    }


      <a id="shareEitaa" target="_blank" rel="noopener noreferrer" style="text-decoration:none; color:inherit;">
    document.addEventListener("DOMContentLoaded", () => {
        <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>
      document.getElementById("mapFrame").src = buildOsmUrl(MAP_LAT, MAP_LNG, MAP_BBOX_DELTA);
        <div style="font-size: 13px; color:#222;">ایتا</div>
      document.getElementById("neshanOverlay").href = NESHAN_URL;
      </a>
      document.getElementById("routeBtn").href = NESHAN_URL;
      document.getElementById("callBtn").href = "tel:" + CONTACT_PHONE;
    });
  </script>


      <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 class="map-card">
        <div style="font-size: 13px; color:#222;">بله</div>
    <a id="neshanOverlay" class="map-overlay-link" target="_blank" rel="noopener noreferrer" title="باز کردن در نشان"></a>
      </a>
    <iframe id="mapFrame" class="map-frame" loading="lazy" src=""></iframe>
  </div>


      <a id="shareX" target="_blank" rel="noopener noreferrer" style="text-decoration:none; color:inherit;">
  <div class="map-actions">
        <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>
    <a id="routeBtn" class="btn-route" target="_blank" rel="noopener noreferrer">مسیریابی</a>
        <div style="font-size: 13px; color:#222;">ایکس</div>
    <a id="callBtn" class="btn-contact">تماس</a>
      </a>
    <button type="button" class="btn-share" onclick="openShareSheet()">اشتراک‌گذاری</button>
 
  </div>
      <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 id="shareSheet" class="share-sheet" onclick="if(event.target===this)closeShareSheet()">
     <div class="share-panel">
      <div class="share-header">
        <button type="button" class="share-close" onclick="closeShareSheet()">✕</button>
        <div class="share-title">اشتراک‌گذاری</div>
      </div>
      <div class="share-grid">
        <button type="button" class="share-item" onclick="copyLink()">
          <div class="share-icon">🔗</div><div class="share-label">کپی لینک</div>
        </button>
        <a id="shareTelegram" class="share-item" target="_blank">
          <div class="share-icon">✈️</div><div class="share-label">تلگرام</div>
        </a>
        <a id="shareWhatsApp" class="share-item" target="_blank">
          <div class="share-icon">💬</div><div class="share-label">واتساپ</div>
        </a>
        <a id="shareEitaa" class="share-item" target="_blank">
          <div class="share-icon" style="font-weight:bold; font-size:20px; font-family:serif;">E</div><div class="share-label">ایتا</div>
        </a>
        <a id="shareBale" class="share-item" target="_blank">
          <div class="share-icon">🗨️</div><div class="share-label">بله</div>
        </a>
        <a id="shareX" class="share-item" target="_blank">
          <div class="share-icon" style="font-weight:bold; font-size:20px;">X</div><div class="share-label">ایکس</div>
        </a>
        <button type="button" class="share-item" onclick="nativeShare()">
          <div class="share-icon">⬆️</div><div class="share-label">بیشتر</div>
        </button>
       </div>
      <div id="shareLinkText" class="share-link-text"></div>
     </div>
     </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>

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

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

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