حسین احمدی
بنیانگذار توسینسو و برنامه نویس و توسعه دهنده ارشد وب

آموزش استفاده از گوگل مپ (Google Map) در وب سایت به زبان ساده

چگونه از Google Map در وب سایت استفاده کنیم؟ نمایش اطلاعات تماس در وب سایتی که قصد طراحی آن را دارید امری ضروری است. حال این اطلاعات تماس می تواند یک آدرس و شماره ساده باشد یا اطلاعات دقیق تری را ارائه نماید. بوسیله سرویس Google Map می توانید آدرس مورد نظر خود را بر روی نقشه گوگل در صفحات وب سایت خود نمایش دهید. برای اینکار ابتدا یک صفحه ساده به صورت زیر ایجاد کنید:

دوره های شبکه، برنامه نویسی، مجازی سازی، امنیت، نفوذ و ... با برترین های ایران
 

در کد بالا یک div با شناسه map-container تعریف کردیم که قصد داریم نقشه را در آن نمایش دهیم. در قدم بعدی می بایست سرویس نقشه گوگل را به صفحه خود اضافه کنیم. برای اینکار کد javascript زیر را باید به صفحه اضافه کنیم:


در کد بالا در قسمت latitude و longitude باید آدرس موقعیت مورد نظر را برای نمایش وارد کنید و همینطور در بخش title عنوان مورد نظر را وارد کنید. برای بدست آوردن مختصات بر روی نقشه کافیست وارد آدرس maps.google.com شده، بر روی نقطه مورد نظر کلیک کنید تا موقعیت جغرافیایی برای شما نمایش داده شود. کد صفحه HTML را به صورت زیر تغییر می دهیم:

 

با انجام تغییرات بالا، موقعیت مورد نظر بر روی صفحه نمایش داده می شود. امیدوارم که این نکته مورد استفاده شما قرار بگیرد.


حسین احمدی
حسین احمدی

بنیانگذار توسینسو و برنامه نویس و توسعه دهنده ارشد وب

حسین احمدی ، بنیانگذار TOSINSO ، توسعه دهنده وب و برنامه نویس ، بیش از 12 سال سابقه فعالیت حرفه ای در سطح کلان ، مشاور ، مدیر پروژه و مدرس نهادهای مالی و اعتباری ، تخصص در پلتفرم دات نت و زبان سی شارپ ، طراحی و توسعه وب ، امنیت نرم افزار ، تحلیل سیستم های اطلاعاتی و داده کاوی ...

نظرات