گوگل مپ

مراحل زیر را برای ایجاد iFrame نقشه گوگل دنبال کنید:

• به سایت Google Maps بروید.
• آدرس خود را در نوار جستجو تایپ کرده و مکان خود را از نتایج جستجو انتخاب کنید یا روی آیکن مکان نما موقعیت مکانی در نقشه کلیک کنید.
• اگر می‌خواهید نمای ماهواره‌ای را انتخاب کنید، قبل از رفتن به مرحله بعدی یک کادر نمای ماهواره را انتخاب کنید.
• روی منوی همبرگری کلیک کنید و گزینه ی اشتراک گذاری یا جاسازی نقشه (Share or embed map) را انتخاب کنید.
• در کادر باز شده جاسازی نقشه (Embed a map) را انتخاب کرده و روی کپی HTML کلیک کنید تا کد iframe کپی شود.
• و آن را در قسمت مورد نظر paste کنید.

مشاهده مثال هایی از از کد iframe:

<iframe class="w-100" height="400" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.579695657881!2d51.40942782449591!3d35.71195927257734!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f8e0114804ce6b1%3A0xef2337025f6d4dab!2z2KfYs9iq2KfZhiDYqtmH2LHYp9mG2Iwg2KrZh9ix2KfZhtiMINmF2YbYt9mC2Ycg27bYjCDZhduM2K_Yp9mGINmI2YTbjNi52LXYsdiMINin24zYsdin2YY!5e0!3m2!1sfa!2s!4v1707728542460!5m2!1sfa!2s"  style="border:0;" aria-hidden="false" tabindex="0"></iframe>	
				

شما میتوانید width را حذف کنید و کلاس .w-100 را به تگ iframe اضافه کنید برای نسخه تیره ی نقشه کلاس .grayscale را باید اضافه کنید.