ဂူဂဲဂျာ ပုံကူး ကွန်ပိုင်း

谷歌地图 - 默认控件

当显示标准的谷歌地图时，它提供了默认的控件集：

• 缩放（Zoom） - 显示滑块或 "+/-" 按钮来控制地图的缩放级别
• အချင်းအရာ ပြောင်းရွှေ့ (Pan) - ကွန်ပျူတာ ပုံပြင် အား ပြောင်းရွှေ့ရန် အရာ ကို ပြသပါ
• ကွန်ပျူတာ ပုံပြင် အချင်းအရာ (MapType) - အသုံးပြုသူ က ကွန်ပျူတာ ပုံပြင် အချင်းအရာ (လမ်းကြောင်း နှင့် ကွန်ပျူတာ ပုံပြင်) အချင်းအရာ အကြား ပြောင်းလဲရန် ခွင့်ပြုပါ
• ကွန်ပျူတာ ပုံပြင် (Street View) - အခြေအား အရာ ကို ပြသပါ

ဂူဂလီ ကွန်ပျူတာ ပုံပြင် - အလွှမ်းကျင်း အရာများ ပိုမို

ပုံမှန် အလွှမ်းကျင်း အရာများ အပေါ်တွင် အပြီးသတ် ကွန်ပျူတာ ပုံပြင် အလွှမ်းကျင်း အရာများ ပါရှိသည်；သို့သော် သင်သည် သတ်မှတ်လိုသည်လည်း မဟုတ်。

• အချင်းအရာ (Scale) - ကွန်ပျူတာ ပုံပြင် အချင်းအရာ ကို ပြသပါ
• အချင်းအရာ အား ကြည့်ရှု (Rotate) - ကွန်ပျူတာ ပုံပြင် အား အဆိပ်ပျက် ရန် သင့်လျှင် အဆိပ်ပျက် အရာ ကို ပြသပါ
• ကွန်ပျူတာ ပုံပြင် အချင်းအရာ (Overview Map) - ကွန်ပျူတာ ပုံပြင် ပုံနှိပ် အချင်းအရာ ကို ပြသပါ

သင် ကွန်ပျူတာ ပုံပြင် ဖွင့်ပေး ချင်သော အလွှမ်းကျင်း အရာများ (MapOptions တွင်) သတ်မှတ်ပါ သို့မဟုတ် setOptions() အား ခေါ်ဆိုပါ。

ဂူဂလီ ကွန်ပျူတာ ပုံပြင် - ပုံမှန် အလွှမ်းကျင်း အရာများ ပိတ်

သင် ပုံမှန် အလွှမ်းကျင်း အရာများ ပိတ်ရန် လိုချင်ပါသည်。

ဒါကြောင့် ပုံမှန် ကွန်ပျူတာ ပုံပြင် ၀န်ကို (ပုံမှန် ကွန်ပျူတာ ပုံပြင် အစိုးရရှိရန်) true အထိမ်းအထားပြုပါ。

အက်ဥပဒါ

var mapOptions {disableDefaultUI: true}

ဂူဂလီ ကွန်ပျူတာ ပုံပြင် - အလွှမ်းကျင်း အရာများ ဖွင့်ပေး

အလွှမ်းကျင်း အရာများ အချို့ သည် ပုံမှန် ကွန်ပျူတာ ပုံပြင် တွင် ပါရှိသည်；သို့သော် သင်သည် သတ်မှတ်လိုသည်လည်း မဟုတ်。

ပုံမှန် ကွန်ပျူတာ ပုံပြင် အရာများ ထပ်ပေးသို့မဟုတ် ဖယ်ရှားရန် ပုံမှန် ကွန်ပျူတာ ပုံပြင် အရာများ အုပ်စု ကို သတ်မှတ်ပါ。

အလွှမ်းကျင်းအရာကို true အထိမ်းအထားပြုရန် မြင်တွေ့ရသည် - false အထိမ်းအထားပြုရန် ဖုံးပိုင်းသည်。

ဒီ အကြောင်းအရာက အလွှမ်းကျင်း အရာများအား ဖွင့်ပေးသည်：

အက်ဥပဒါ

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

谷歌地图 - 修改控件

一些地图控件是可配置的。

可以通过规定控件的选项字段来修改控件。

例如，在 zoomControlOptions 字段中规定了用于修改 Zoom 控件的选项。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,
  position: google.maps.ControlPosition.TOP_CENTER
}