در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

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

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




	Google Map Sample
	


	

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



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




	Google Map Sample
	


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

نویسنده: حسین احمدی

انجمن تخصصی فناوری اطلاعات ایران

#سرویس_نقشه_گوگل #نکات_طراحی_وب #نمایش_نقشه_گوگل_در_صفحات
4 نظر
simkala

ممنون از مطلب مفیدتون.

مجتبی میناوند

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

این نظر توسط حسین احمدی در تاریخ چهارشنبه, 15 شهریور 1396 حذف شده است.

دلیل: سوال خود را در قالب یک موضوع جدید ارسال کنید

btbmrad

سلام

کدهای نوشته شده را وارد کردم و سایت را اجرا کردم بعد از اجرا با خطای زیر مواجه میشم

لطفا راهنمایی کنید

وب سایت توسینسو

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره تابستانه می تونی امروز ارزونتر از فردا خرید کنی ....