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

آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumاینترنت گران می‌شود؟00AynaZ
iconforumایرانی ها تلگرام؛ غربی ها عضو کدام گروه اند؟00AynaZ
iconforum" صندلی داغ " - 25 بهمن ماه 1395 - mrrashidpour3441182AynaZ
iconforumجشنواره برد برد مایکت شروع شد116AynaZ
iconforumمشکل در قالب وردپرس فوری339AynaZ
iconforumبیشتر از هاست کد224AynaZ
iconforumاسکریپت11123AynaZ
iconforumکار نکرد شورت کدها در توضیح کوتاه محصول332AynaZ
iconforumجواب مت کاتس:برای وب سایت تولید محتوا بهتر است یا بک لینک؟17AynaZ
iconforumتاپیک درخواست حضور در صندلی داغ632769AynaZ
iconforumافت سایت1171AynaZ

آموزش وردپرس 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 و در هر قسمتی که میخواهید در وب سایت نمایش داده شود کپی نمایید :

در ادامه بخوانید  اسکریپت ایجاد مدیریت فایل برای کاربران FileRun

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
3,881دانلود آیکون های حرفه ای PSD تاریخ : 1392/07/28
2,761قالب زیبای پارس نشان برای وردپرس تاریخ : 1393/06/4
2,556دانلود اسکریپت آپلود سنتر ۲۰Upload تاریخ : 1392/10/16
3,224قالب بدنسازی و تناسب اندام برای وردپرس تاریخ : 1392/09/23
3,334اسکریپت فرم تماس باما با قابلیت ارسال فایل phMailer تاریخ : 1394/04/30
1,230اسکریپت نیازمندی ها و ثبت آگهی LaraClassified نسخه 2.5 تاریخ : 1395/09/21
7,060دانلود قالب جور واجور شاپ مخصوص وردپرس تاریخ : 1392/09/5
3,145ایجاد سایت دانشنامه در وردپرس با Knowledge Base v.1.1.2 تاریخ : 1393/04/23
7,046دانلود دیکدر ionCube 8 Decoder Priv8 + Auto Fixer تاریخ : 1394/02/10
1,868آپلود رسانه وردپرس بر روی ftp سرور دیگر تاریخ : 1392/11/1
3,853افزونه وردپرس امتیاز دهی به مطالب Reaction Buttons تاریخ : 1393/12/3
2,040اسکریپت ویدیو چت CAMCOM Chat نسخه 5.0 تاریخ : 1395/03/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب