آموزش استفاده از نقشه گوگل در صفحات وب - Google Maps (جلسه 9) - مشخص کردن موقعیت

ساخت وبلاگ
0 15 ۱۹ تیر ۹۵

در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم.

google-maps

در جلسات قبلی دوستان زیادی درخواست کرده بودن که چطور میتونیم موقعیت خودمون رو درون نقشه گوگل تغییر بدیم و همون مکانی که قصد داریم رو به کاربران نمایش بدیم. برای این کار سایتهای زیادی وجود داره و همه اونا میتونه کار شما رو راه بندازه ولی در این مطلب یکی از بهترین سایتهای در این زمینه رو خدمت شما معرفی میکنم. سایتی که در این مطلب به آموزش اون میپردازیم، سایت MyGeoPosition هست. این سایت قابلیتهای زیادی رو داره و در این آموزش به تعدادی از قابلیتهای اون اشاره میکنیم.

در ابتدا که وارد سایت میشیم، یک نقشه در سایت وجود داره و همچنین در بالای سایت input و تب هایی قرار داره. در ابتدا تب Map فعال هست:myposition 1

  1. درون این باکس اطلاعات نقطه ای که Marker در اونجا قرار داره رو مشخص میکنه. همونطور که میبینید سه تا ویژگی رو خدمت شما میزاره که فقط 2 تای اولی در اینجا بدرد ما میخوره. در بالای این باکس هم آدرس اون نقطه رو قرار داده. ویژگی Latitude همون عرض جغرافیایی و Longitude همون طول جغرافیایی هست.
  2. شما اگه آدرس دقیق نقطه مورد نظرتون رو داشته باشید، میتونین با وارد کردن آدرس در این Input و کلیک بر روی دکمه Calculate GeoData، اطلاعات جغرافیایی اون نقطه رو بدست بیارید.
  3. این علامت همون Marker یا نشانه ما هست که میتونیم با استفاده از Drag و Drop کردن ماوس اون رو جابجا کنیم. این Marker در هر جا قرار بگیره و هر دفعه که اون رو تغییر مکان میدین، اطلاعات اون هم به نسبت عوض میشه و اطلاعات اون نقطه رو در باکس نمایش میده.

همونطور که در تصویر بالا دیدید اطلاعات نقطه ای در لندن مشخص شده. حالا من میخام برای مثال کاری کنم که موقعیت حرم مطهر شاهچراغ در شیراز رو مشخص کنم و عرض و طول جغرافیایی اون رو بدست بیارم. برای اینکار در ابتدا خیلی بزرگنمایی رو کم میکنیم تا بتونیم از قاره اروپا به قاره آسیا و کشور ایران بریم:myposition 2

همونطور که دیدید با استفاده از فلش مشخص کردیم که مبدا و مقصد کجاس. حالا بر روی کشور ایران بزرگنمایی میکنیم تا به شهر شیراز برسیم و حرم مطهر شاهچراغ رو پیدا میکنیم:myposition 3

حالا اگه بخایم Marker رو در این نقطه قرار بدیم و اطلاعات اون رو بدست بیاریم، باید روی نقطه مورد نظر کلیک راست کنید. با این کار Marker به این نقطه منتقل میشه و اطلاعات نقطه مورد نظر رو به ما میده:myposition 4

میبینید که Marker قرار گرفته و اطلاعات رو به ما داده. حالا تنها کاری که باید بکنید اینه که اطلاعات رو کپی کنید. برای اینکار بعد از اینکه Marker رو در نقطه مورد نظر قرار دادید، بر روی دکمه Copy که در تصویر بالا مشخص کردم، کلیک کنید. با اینکار اطلاعات این نقطه در حافظه موقت قرار میگیره. اگر اون رو در جایی کپی کنید، چیزی بصورت زیر خواهد شد:

میبینید که دو عدد با تعداد ارقام اعشار زیاد که با استفاده از کاما از هم جدا شده اند رو به شما داده. حالا تنها کاری که کافیه انجام بدین اینه که این اطلاعات رو در google.maps.LatLng قرار بدین. با اینکار کدتون بصورت زیر میشه:

خروجی هم بصورت زیر خواهد بود:myposition 5

میبینید که نقطه ای که مشخص کردیم در مرکز نقشه خودمون قرار گرفته. دیدید که چه راحت میتونیم این کارو انجام بدیم. این سایت امکانات دیگه ای رو هم داره که خودتون میتونین با اونا کار کرده و یاد بگیرید.

در جلسات بعدی بیشتر در مورد این ابزار قدرتمند گوگل صحبت میکنیم.

امیدوارم از این جلسه خوشتون اومده باشه.

موفق باشید

یا علی

Source

سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 317 تاريخ : يکشنبه 20 تير 1395 ساعت: 20:32

خبرنامه