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


آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

درگاه پرداخت

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

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

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

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

 

 

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

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

در ادامه بخوانید  اسکریپت فارسی آگهی و تبلیغات اینترنتی OpenPHP نسخه 1.6

نکته 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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
4,452افزونه معرفی و آشنایی تیم کاری با Team Builder برای وردپرس تاریخ : 1394/06/29
1,975اسکریپت مدیریت فایل ها از طریق FTP با Monsta FTP نسخه 1.7 تاریخ : 1394/11/8
1,505اسکریپت انجمن ساز MiniBB فارسی + تمام پلاگین ها تاریخ : 1394/09/25
1,646اسکریپت مدیریت پروژه Freelance Cockpit 2 نسخه 2.3.5 تاریخ : 1395/03/28
2,096افزونه افزودن آسان نقشه گوگل با MapPress Easy Google Maps تاریخ : 1395/02/17
1,698افزونه راه اندازی آموزشگاه آنلاین LearnDash نسخه 2.2.0 تاریخ : 1395/05/2
3,874دانلود قالب دیزاینر نسخه سال 95 برای وردپرس تاریخ : 1395/01/13
2,759پوسته ووکامرس و فروشگاهی The Retailer فارسی نسخه 2.4.4 تاریخ : 1394/12/2
1,364اسکریپت اعتبارسنجی ایمیل EmailValid تاریخ : 1395/02/12
1,471اسکریپت مدیریت محتوای Dimofinf CMS نسخه 4.0.0 تاریخ : 1395/04/6
4,042افزونه کاربران ویژه وردپرس Restrict Content Pro فارسی نسخه 2.4.2 همراه با درگاه ایرانی تاریخ : 1394/09/1
2,806افزونه ساخت فرم های حرفه ای با Ninja Forms برای وردپرس تاریخ : 1394/08/14
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب