طراحی و بهینه سازیمشاهده


میهن وب هاست هاست

نمایش مکان شما بر روی نقشه گوگل در سایت

CSS , HTML5 , آموزش ها , اسکریپت ها , مقالات,آموزش,ترفند
نمایش مکان شما بر روی نقشه گوگل در سایتReviewed by M.J on Jul 14Rating: 5.0نمایش مکان شما بر روی نقشه گوگل در سایتشاید بار ها برایتان اتفاق افتاده که بخواهید مکان حال حاضر شرکت و فروشگاه خود را بر روی نقشه گوگل در وب سایت خود نمایش دهید و در نهایت یک عکس از نقشه انداخته و همان را در وب سایت نشان داده اید . اما در این پست با آموزشی آشنا میشوید که با استفاده از آن میتوانید مکان خود را در نقشه داینامیک و قابل حرکت سایت گوگل به نمایش عموم بگذارید .

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

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

 

 

برای این کار کافیست ابتدا کدهای جاوا اسکریپت زیر را در بین تگ head در بالای وب سایت خود قرار دهید :

حال div ( دیویژن ) زیر را در تگ body و در هر قسمتی که میخواهید در وب سایت نمایش داده شود کپی نمایید :

نکته 1 : در این خط (var myCenter=new google.maps.LatLng(35.725514,51.411389 , به جای دو شماره آخر این خط , شما باید مکان جغرافیایی که همان x و y مکان شما در نقشه میباشد را بنویسید . برای راحتی کار میتوانید به آدرس http://map.google.com بروید و در آنجا مکان دلخواه خود را بیابید , سپس بر روی همان نقطه از نقشه که میخواهید کلیک راست نمایید و سپس گزینه ?what’s here را انتخاب نمایید . با این کار میبینید که در بالا سمت چپ صفحه , نقاط x و y مکان شما نمایان میشود .

نکته 2 : در این خط zoom:17 , به جای عدد 17 میتوانید زوم پیش فرض نقشه خود را انخاب نمایید . طبیعتا هر چه کمتر باشد , مکان شما از دورتر و بالاتر نمایش داده میشود و هر چه بیشتر باشد مکان شما نزدیکتر و پایین تر در نقشه نمایش داده میشود . ( 17 عدد مناسبی است ) .

نکته 3 : در خط مربوط به div که برای نمایش این نقشه در مکان دلخواه شما میباشد , میتوانید اندازه width و hright نقشه رو کمتر و بیشتر نمایید تا به اندازه دلخواه خود برسید . ( پیش فرض 600 در 350 میباشد ).

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


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

جایه ویژه تبلیغ متنی

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1394/04/23 4 CSS , HTML5 , آموزش ها , اسکریپت ها , مقالات,آموزش,ترفند

لینک کوتاه مطلب : http://www.20script.ir/?p=13340

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
6,065پوسته واکنش گرا مد لباس / Fashionista برای وردپرس تاریخ : 1392/09/22
2,998قالب مدیریت وب سایت Profi Admin به صورت HTML و CSS3 تاریخ : 1392/09/8
3,513اسکریپت حرفه ای اسکن و آنالیز و SEO سایت WebScanUP تاریخ : 1394/08/9
3,681آموزش ساخت بنر متحرک موزیک در فتوشاپ تاریخ : 1393/04/12
2,350اسکریپت مدیریت ورود و عضویت کاربران UZY تاریخ : 1393/04/31
5,119قالب فروشگاهی مثل آپ استور iOS برای وردپرس تاریخ : 1392/10/23
5,380قالب تک صفحه ای و چندمنظوره Zerif Lite برای وردپرس تاریخ : 1395/01/6
1,349اسکریپت بررسی وضعیت سئو وب سایت Website Review نسخه 4.7 تاریخ : 1395/09/25
1,956قالب وبلاگ و مجله اینترنتی Gadgetry برای وردپرس تاریخ : 1395/01/6
5,422ساخت نسخه موبایل وبسایت برای اندروید با App آماده BlogPress برای وردپرس تاریخ : 1394/07/9
7,191قالب فروشگاهی میکرز به صورت HTML تاریخ : 1392/09/2
4,979قالب ساز HTML به صورت آنلاین با اسکریپت Mega Blocks تاریخ : 1395/03/21
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب