گوگل مپ

مراحل زیر را برای ایجاد 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!1d3022.9663095343008!2d-74.00425878428698!3d40.74076684379132!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259bf5c1654f3%3A0xc80f9cfce5383d5d!2sGoogle!5e0!3m2!1sen!2sin!4v1586000412513!5m2!1sen!2sin"  style="border:0;" aria-hidden="false" tabindex="0"></iframe>

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