لوکیشن/چاپ نعمتی - فراغیب

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

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

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

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

@@ خط ۱: / خط ۱: @@
-<html>
 <html>
@@ خط ۶: / خط ۴: @@
    <!-- نقشه اصلی -->
    <div style="position: relative; border: 1px solid #ccc; border-radius: 12px; overflow: hidden;">
-     <iframe
+    <div id="osm-map-container">
-      width="100%"
+     <iframe id="dynamic-map" width="100%" height="250" style="border: none; display: block;" loading="lazy"></iframe>
-      height="200"
+</div>
-      style="display: block; border: none;"
-      loading="lazy"
+<script>
-      src="https://www.openstreetmap.org/export/embed.html?bbox=35.56192388976645,%2C51.16100266694792%2C51.16100266694792%2C51.16100266694792&layer=mapnik&marker=35.56192388976645%2C51.16100266694792">
+    // --- تنظیمات ساده برای شما ---
-    </iframe>
+    const lat = 35.56192149566451; // عرض جغرافیایی
+    const lon = 51.16101758605524; // طول جغرافیایی
+    const zoomLevel = 0.005;        // هرچه عدد کوچک‌تر باشد، زوم بیشتر است (مثلاً 0.002 برای زوم خیلی نزدیک)
+    // --- محاسبه خودکار محدوده (bbox) ---
+    const minLon = lon - zoomLevel;
+    const minLat = lat - zoomLevel;
+    const maxLon = lon + zoomLevel;
+    const maxLat = lat + zoomLevel;
+    // --- ساخت آدرس نهایی ---
+    const mapUrl = `https://www.openstreetmap.org/export/embed.html?bbox=${minLon},${minLat},${maxLon},${maxLat}&layer=mapnik&marker=${lat},${lon}`;
+    // --- اعمال به iframe ---
+    document.getElementById('dynamic-map').src = mapUrl;
+</script>
    </div>