آموزش المان گوگل مپ Google Map

آموزش اضافه کردن نقشه با افزونه ویژوال کامپوزر

المان گوگل مپ Google Map در افزونه ویژوال کامپوزر جزو آن دسته از ابزارهایی می باشد که بسیار پرکاربرد می باشد. اضافه کردن نقشه گوگل یا Google Map به صفحه می تواند آدرس مکان فعلی شرکت یا محل شما را بر روی نقشه نشان دهد. که این مورد می تواند در اعتماد سازی مشتری بسیار حائز اهیمت باشد.

استفاده از المان گوگل مپ در افزونه ویژوال کامپوزر بسیار آسان می باشد. تنها کافی است  ابزار گوگل مپ را به صفحه مورد نظر خود اضافه کنید و طبق موارد زیر آدرس نقشه را به المان یا ابزار Goolge Map اضافه نمایید.

آموزش المان گوگل مپ(Google Map) در افزونه ویژوال کامپوزر

بعد از اضافه نمودن المان نقشه گوگل به صفحه خود موارد زیر را در تب عمومی مشاهده می نماید:

  • عنوان ابزارک
  • قرار دادن لینک IFRAME نقشه
  • ارتفاع نقشه

عنوان ابزارک

عنوان یا متنی که مایل هستید برای المان نقشه که در بالای نقشه نمایش داده می شود، را وارد کنید. این مورد اختیاری می باشد.


قرار دادن لینک IFRAME نقشه

مهمترین قسمت المان گوگل مپ یا نقشه گوگل همین قسمت می باشد. باید Iframe مربوط به آدرس نقشه خود را از گوگل مپ دریافت کنید و در این بخش کپی و Paste کنید. برای این کار مراحل زیر را طی کنید.

1- به سایت گوگل مپ مراجعه کنید. Google Map

2- آدرس مکان خود را قسمت جستجو Google Map وارد کنید. اگر هم آدرس شما در گوگل مپ ثبت نشده است پیشنهاد می کنم مقاله زیر را مطالعه کنید.

آموزش ثبت آدرس در گوگل مپ (Google Map)

3- در سمت راست بر روی گزینه SHARE کلیک کنید و تب Embed a Map را انتخاب کنید. حالا همانند تصویر زیر لینک را کپی کنید.

اضافه کردن گوگل مپ در ویژوال کامپوزر
اضافه کردن گوگل مپ در ویژوال کامپوزر

توجه!

در صورتی که آدرس نقشه در تب Embed a Map درست نمایش داده نمی شود در همان قسمت بر روی view larger map کلیک کنید. حالا با ثبت آدرس خود در قسمت جستجو می توانید آدرس صحیح را دریافت کنید.

4- لینک کپی شده را در قسمت متنی(Text Box) بخش قرار دادن لینک IFRAME المان قرار دهید.

5- با کلیک بر روی دکمه ذخیره تغییرات از درستی کار مطمئن شوید.


ارتفاع نقشه

با وارد کردن طول و عرض نقشه بر حسب پیکسل می توانید ارتفاع نقشه را تنظیم کنید. پیشنهاد ما قرار دادن بر روی Standard می باشد.


امیدواریم از سری آموزش ویژوال کامپوزر از آموزش المان گوگل مپ نیز راضی شده باشید. نظرات و سوالات خود را در قسمت نظرات ارسال کنید تا پاسخ دهیم.