کنترل‌های نقشه‌های گوگل

گوگل میپ - دفعتی کنٹرول

عام گوگل میپ کو نمودار کیا جاتا ہے تو، اس میں دفعتی کنٹرول کا مجموعہ فراہم ہوتا ہے:

• کچن (Zoom) - میپ کی نمائش کو بڑھانے یا چھوٹانے کی اجازت دیتا ہے، جو سلیڈر یا "+/-" کلک دکھاتا ہے
• چوکیدار (Pan) - میپ کو چوکیدار کرنے کی اجازت دیتا ہے
• میپ کی نوعیت (MapType) - یوزر کو میپ کی نوعیت (روٹ میپ اور سٹیلائٹ میپ) کے درمیان تبدیل کرنے کی اجازت دیتا ہے
• شہری منظر (Street View) - شہری منظر کو نمودار کرنا، جو کو میپ پر لگایا جاسکتا ہے تاکہ شہری منظر کو فعال کیا جاسکے

گوگل میپ - مزید کنٹرول

دفعتی کنٹرول کے علاوہ، گوگل میپ اور بھی فراہم کرتا ہے:

• نسبت (Scale) - میپ کی نمائش کو نمودار کرنا
• چکر (Rotate) - چھوٹی دائرہ آئیکن کو نمودار کرنا، جو میپ کو چکر لگانے کی اجازت دیتا ہے
• مجمل میپ (Overview Map) - میپ کی چھوٹی نمائش کو نمودار کرنا، جو بڑی علاقے میں موجود میپ ویو کو دکھاتا ہے

آپ میپ کو بنانے کے وقت کیا کنٹرول کو نمودار کرنا چاہتے ہیں (میپ آپشن آئیٹم میں) یا میپ کی آپشن کو تبدیل کرنے کے لئے setOptions() کو بلاک کریں.

گوگل میپ - دفعتی کنٹرول کو چھوڑنا

آپ ممکن ہو کہ آپ چاہتے ہیں کہ آپ کی دفعتی کنٹرول کو بند کریں۔

اس کے لئے، میپ کی disableDefaultUI پرزنٹیج کو تھریو کو چنا جاسکتا ہے (میپ کے آپشن آئیٹم میں):

مثال

var mapOptions {disableDefaultUI: true}

گوگل میپ - سبھی کنٹرول کو کھولنا

کچھ کنٹرول اپنے آپ میں میپ پر نمودار ہوتا ہے؛ جب تک کہ آپ ان کو چنا نہیں رکھتے اور ان کو نمودار نہیں کرتے۔

پریسیمپل میپ آپشن آئیٹم میں کیا کیا کنٹرول کو اضافے یا کچنے کا قیاس کریں۔

کنٹرول کو تھریو کو دیکھانے کے لئے ایک سے زیادہ کنٹرول کو چنا جاسکتا ہے - کنٹرول کو جلد سے پوشانے کے لئے اس کو جلد سے چنا جاسکتا ہے。

یہ مثال سبھی کنٹرول کو کھولتا ہے:

مثال

var mapOptions {
  panControl: true,
  zoomControl: true,
  mapTypeControl: true,
  scaleControl: true,
  streetViewControl: true,
  overviewMapControl: true,
  rotateControl: true
}

گوگل نقشه - تغییر کنترل‌ها

برخی از کنترل‌های نقشه قابل تنظیم هستند.

می‌توانید با تعیین زمینه گزینه‌های کنترل، کنترل را تغییر دهید.

به عنوان مثال، در زمینه zoomControlOptions شامل گزینه‌هایی است که برای تغییر کنترل بزرگنمایی استفاده می‌شود. زمینه zoomControlOptions ممکن است شامل موارد زیر باشد:

• google.maps.ZoomControlStyle.SMALL - نمایش کنترل کوچک بزرگنمایی (فقط دکمه‌های + و -)
• google.maps.ZoomControlStyle.LARGE - نمایش اسلایدر کنترل بزرگنمایی استاندارد
• google.maps.ZoomControlStyle.DEFAULT - انتخاب بهترین کنترل بزرگنمایی بر اساس دستگاه و اندازه نقشه

مثال

zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL
}

توجه: برای تغییر کنترل، ابتدا آن را فعال کنید (آن را به true تنظیم کنید).

کنترل دیگری که قابل تنظیم است کنترل MapType است.

زمینه mapTypeControlOptions شامل گزینه‌هایی است که برای تغییر کنترل استفاده می‌شود. زمینه mapTypeControlOptions ممکن است شامل موارد زیر باشد:

• google.maps.MapTypeControlStyle.HORIZONTAL_BAR - نمایش یک دکمه برای هر نوع نقشه
• google.maps.MapTypeControlStyle.DROPDOWN_MENU - انتخاب نوع نقشه از طریق منوی کشویی
• google.maps.MapTypeControlStyle.DEFAULT - نمایش رفتار "پیش‌فرض" (بستگی به اندازه صفحه نمایش دارد)

مثال

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}

شما همچنین می‌توانید از ویژگی ControlPosition برای قرار دادن کنترل استفاده کنید:

مثال

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
  پوزیشن: google.maps.ControlPosition.TOP_CENTER
}