طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

افزودن گوگل مپ به سایت در ۵دقیقه


افزودن گوگل مپ به سایت در 5دقیقه

گوگل مپ (Google Map) یکی از قابلیت هایی است که به صورت گسترده برای یک وبسایت استفاده می شود و شما به راحتی می توانید با آموزش افزودن گوگل مپ به سایت ، Google Map را به وبسایت خود اضافه کنید .ما از API گوگل مپ برای افزودن گوگل مپ به سایت و نمایش مکان دلخواه استفاده می کنیم . همچنین یک لینک مستقیم بر روی نقشه قرارا می دهیم که به کاربران اجازه دریافت مسیر را می دهد. اول از همه ، شما نیاز دارید که عرض و طول جغرافیایی مکان دلخواهتان را بدست بیارید . مراحل زیر را برای دریافت طول و عرض جغرافیایی از گوگل مپ را دنبال کنید .

  1. به سایت گوگل مپ بروید .
  2. منطقه (Location) مورد نظر را وارد و جستجو کنید

افزودن گوگل مپ به سایت در 5 دقیقه

  1. Location دقیق را بر روی گوگل مپ علامت گذاری کنید

افزودن گوگل مپ به سایت در 5 دقیقه

  1. یک علامت بر روی مکانی که انتخاب کردید ظاهر می شود و همچنین یک متن پیغام زیر نقشه به نمایش در میاد.
  2. در این متن پیغام ، شما جزئیات آدرس ، طول و عرض جغرافیایی را می بینید .

افزودن گوگل مپ به سایت در 5 دقیقه

  1. طول و عرض جغرافیایی را برای افزودن گوگل مپ به سایت نیاز داریم

افزودن گوگل مپ به سایت در 5 دقیقه

 

کد های زیر را داخل صفحه HTML خود ، جایی که نیاز به افزودن گوگل مپ به سایت دارید ، قرار بدید

جاواسکریپت :

در کد جاوا اسکریپت زیر ، شما کافیست طول و عرض جغرافیایی مکان مورد نظر را در متد LatLng() قرار بدید.

HTML :

به کد<div id=”map”></div>  برای نمایش نقشه نیاز دارید . تگ HTML دیگر برای نمایش لینک مستقیم مکان بر روی گوگل مپ استفاده شده است.

CSS :

خب کافیه . همه کد ها در کنار هم در یک صفحه وب قرار بدید .و شما نقشه گوگل مپ را مانند عکس زیر خواهید دید

افزودن گوگل مپ به سایت در 5 دقیقه

دیدید با مقاله افزودن گوگل مپ به سایت در ۵ دقیقه به چه راحتی تونستیم نقشه مکان فعالیت ، شرکت ، دفترکار ، کارگاه و … را بسازیم و الان می توانید این نقشه را به صفحه وب یا مثلا صفحه تماس با ما ، درباره ما اضافه کنید. موفق و پیروز باشید

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

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

avatar
5 دیدگاه ها
4 پاسخ ها
0 دنبال کننده ها
 
دیدگاه با بیشترین پاسخ
پرطرفدارترین دیدگاه ها
5 تعداد نویسندگان دیدگاه
حسن شفیعیshimaامیرalireza hamzeloohosienmaleki نویسنده های اخیر دیدگاه
shima
shima

سلام ممنون از سایت خوبتون من در یک سایت باید تمام مکانهای مهم نزدیک ساختمان مسکونی را نشان بدم مثل رستورانها یا مراکز تفریحی با کلیک روی گزینه مورد نظر.جکار باید انجام بدم؟لطفا راهنمایی کنید

امیر
امیر

سلام .
خیلی ممنون از راهنماییتون خیلی بهم کمک کرد

امیر
امیر

سلام . خسته نباشید .
آیا در مورد اضاف کردن نقشه به سایت طوری که کاربر مکان دقیق رو از روی نقشه انتخاب کنه و براش ذخیره بشه تو دیتابیس اطلاعی دارید ؟
ممنون میشم در این مورد راهنمایی کنید .

alireza hamzeloo
alireza hamzeloo

سلام پالان دیگه امکان استفاده از این سرویس ظاهرا نیست بدلیل تحریم های آمریکا . ایا راه حلی وجود دارد که در ایران بشه از این سرویس استفاده کرد . سرورها در ایران قراردارند؟

hosienmaleki
hosienmaleki

لطفا در مورد هدفمنی این سرویس بیشتر
توضیح دهید

دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

سورس فروشگاهی دیجی کالا

مجوزهای ما

logo-samandehi

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

دانلود کتاب

عضویت رایگان خبرنامه

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