خرید vps ارزان

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


هاست

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

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 میباشد ).

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


The product includes software licensed under GNU General Public License (GPL) or GNU

دانلود
.

خرید هاست وردپرس با SSL رایگان



مطلب مفیدی بود ؟
کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,901افزونه زنفورو به اشتراک گذاری مطالب انجمن در شبکه های اجتماعی تاریخ : 2015/10/18
6,001دانلود قالب چندمنظوره و فارسی Lotus برای وردپرس تاریخ : 2016/07/20
6,052اسکریپت فروشگاه ساز قدرتمند CS Cart تاریخ : 2017/06/25
18,617لیست توابع مهم و پرکاربرد افزونه ایزی دیجیتال دانلود تاریخ : 2016/06/2
8,826ایجاد سایت موزیک پلیر با اسکریپت فارسی Creative Player تاریخ : 2014/07/17
3,570افزونه All in One SEO Pack Pro v2.3.3 + سریال نامبر تاریخ : 2014/10/14
5,644اسکریپت آپلود سنتر و اشتراک فایل فایل BitDrop تاریخ : 2015/03/28
4,588مجموعه بنر های آماده هاستینگ در اندازه و رنگ های مختلف تاریخ : 2013/10/31
5,343دانلود آیکون های حرفه ای PSD تاریخ : 2013/10/20
7,014با افزونه Autoptimize در وردپرس تخته گاز برانید تاریخ : 2016/05/23
8,835قالب فروشگاهی جواهرات برای ووکامرس تاریخ : 2013/12/28
5,275دانلود قالب شتابان هاست برای وردپرس تاریخ : 2016/03/17
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب