لوکیشن - فراغیب
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html | <html lang="fa" dir="rtl"> | ||
<body> | |||
<div style="position: relative; width: 100%; max-width: 1000px;"> | |||
<!-- | |||
style=" | ================================ | ||
فقط این 2 بخش را هنگام تغییر لوکیشن عوض کن | |||
================================ | |||
1) لینک نشان: | |||
در href مختصات و زوم را عوض کن | |||
نمونه: | |||
#cLAT-LNG-ZOOMz-0p | |||
2) لینک نقشه 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> | </html> | ||