قرار دادن iframe گوگل مپ در سایت

برای قرار دادن نقشه مورد نظر خود در سایت می بایست از iframe گوگل مپ استفاده نمایید. مراحل زیر را به ترتیب دنبال کنید :

1- ابتدا وارد سایت maps.google.com شده و آدرس خود را در نقشه پیدا کنید.

2- از منوی سمت چپ گزینه ی Share را انتخاب نمایید.

 

maps google share  

4- پس از انتخاب این گزینه در کادر باز شده تب Embed a map را انتخاب کرده و کد Html موجود در این قسمت را کپی نمایید.

 

google maps embed

 

5- پس از این مرحله، به پنل مدیریت مانا رفته و در ماژول مدیریت محتوا، یک کادر ایستا به صفحه ی مورد نظر خود اضافه کنید. سپس در تب متن کادر ایستا، قسمت html، کد کپی شده را Paste نمایید.

 

google maps  static html

 

6- پس از ذخیره کردن کادر، قادر به مشاهده نقشه مورد نظر در سایت خواهید بود.

 

google maps view in site

توجه داشته باشید برای اینکه نقشه کل کادر را در برگیرد می بایست در کد html مقدار width را برابر با 100% قرار دهید. (width:100%). سپس می توانید در قسمت نحوه نمایش کادر  نیز عرض کادر را مطابق سلیقه خود نیز تغییر دهید.

۲ دی ۱۳۹۸

14,372بازدید

دیدگاه کاربران

هنوز دیدگاهی ثبت نشده است.

شما می‌توانید درباره این مقاله، دیدگاه خود را ثبت کنید.