HTML ဂရပ်ဖစ်

ဂရပ်ဖစ် ပင်မစာမျက်နှာ

Google Maps

Maps မိတ်ဆက် Maps အခြေခံ Maps Overlays Maps ပွဲများ Maps ထိန်းချုပ်မှုများ Maps အမျိုးအစားများ Maps အကိုးအကား

SVG ကျူတိုရီရယ်

SVG နိဒါန်း HTML တွင် SVG SVG စတုဂံ SVG စက်ဝိုင်း SVG Ellipse SVG လိုင်း SVG Polygon SVG Polyline SVG လမ်းကြောင်း SVG စာသား SVG Stroking SVG Filters နိဒါန်း SVG မှုန်ဝါးခြင်းအကျိုးသက်ရောက်မှုများ SVG Drop Shadows SVG Linear SVG Radial SVG ဥပမာများ SVG အကိုးအကား

Canvas ကျူတိုရီရယ်

Canvas မိတ်ဆက် ကင်းဗတ်ဆွဲခြင်း။ Canvas Coordinates ကင်းဗတ် Gradients ကင်းဗတ်စာသား ကင်းဗတ်ပုံများ ကင်းဗတ်ရည်ညွှန်း

ကင်းဗတ်နာရီ

နာရီ မိတ်ဆက် နာရီမျက်နှာ နာရီနံပါတ်များ နာရီလက်များ နာရီစတင်

HTML ဂိမ်း

ဂိမ်းမိတ်ဆက် ဂိမ်း Canvas ဂိမ်းအစိတ်အပိုင်းများ ဂိမ်းထိန်းချုပ်သူများ ဂိမ်းအတားအဆီးများ ဂိမ်းရမှတ် ဂိမ်းပုံများ ဂိမ်းအသံ ဂိမ်းဆွဲငင်အား ဂိမ်းခုန်ခြင်း။ ဂိမ်းလှည့်ခြင်း။ ဂိမ်းလှုပ်ရှားမှု

Google Maps ထိန်းချုပ်မှုများ


Google Maps - မူရင်းထိန်းချုပ်မှုများ

ပုံမှန် Google မြေပုံကိုပြသသည့်အခါ၊ ၎င်းသည် မူရင်းထိန်းချုပ်မှုအစုံပါရှိပါသည်-

  • Zoom - မြေပုံ၏ zoom အဆင့်ကို ထိန်းချုပ်ရန် slider သို့မဟုတ် "+/-" ခလုတ်များကို ပြသသည်။
  • ပန် - မြေပုံကို လှည့်ရန်အတွက် ပန်ကာထိန်းချုပ်မှုကို ပြသသည်။
  • MapType - အသုံးပြုသူအား မြေပုံအမျိုးအစားများ (လမ်းပြမြေပုံနှင့် ဂြိုလ်တု) တို့အကြား ခလုတ်နှိပ်နိုင်စေသည်
  • Street View - Street View ကိုဖွင့်ရန် မြေပုံသို့ ဆွဲငင်နိုင်သည့် Pegman အိုင်ကွန်ကို ပြသသည်။

Google Maps - နောက်ထပ် ထိန်းချုပ်မှုများ

ပုံသေထိန်းချုပ်မှုများအပြင်၊ Google Maps တွင်လည်း-

  • စကေး ​​- မြေပုံစကေးဒြပ်စင်ကိုပြသသည်။
  • Rotate - မြေပုံများကို လှည့်နိုင်စေမည့် စက်ဝိုင်းပုံလေးတစ်ချောင်းကို ပြသသည်။
  • Overview Map - ပိုမိုကျယ်ပြန့်သောဧရိယာအတွင်းရှိ လက်ရှိမြေပုံမြင်ကွင်းပို့တ်ကို ထင်ဟပ်နေသည့် ပုံသေးခြုံငုံသုံးသပ်ချက်မြေပုံကို ပြသသည်။

မြေပုံကိုဖန်တီးသောအခါ (MapOptions အတွင်း) သို့မဟုတ် မြေပုံ၏ရွေးချယ်မှုများကို ပြောင်းလဲရန် setOptions() ကိုခေါ်ဆိုခြင်းဖြင့် ပြသရန် မည်သည့်ထိန်းချုပ်မှုများကို သတ်မှတ်နိုင်သည်။


Google Maps - ပုံသေထိန်းချုပ်မှုများကို ပိတ်ခြင်း။

၎င်းအစား သင်သည် ပုံသေထိန်းချုပ်မှုများကို ပိတ်ရန် ဆန္ဒရှိနိုင်သည်။

ထိုသို့လုပ်ဆောင်ရန်၊ မြေပုံ၏ disableDefaultUI ပိုင်ဆိုင်မှုကို (မြေပုံရွေးချယ်စရာအရာဝတ္တုအတွင်း) ကို အမှန်ဟု သတ်မှတ်ပါ-

ဥပမာ

var mapOptions {disableDefaultUI: true}


Google Maps - ထိန်းချုပ်မှုများအားလုံးကို ဖွင့်ပါ။

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

မြေပုံမှ ထိန်းချုပ်မှုများကို ပေါင်းထည့်ခြင်း သို့မဟုတ် ဖယ်ရှားခြင်းအား Map ရွေးချယ်မှုများ အရာဝတ္တုတွင် သတ်မှတ်ထားပါသည်။

၎င်းကို မြင်နိုင်စေရန် ထိန်းချုပ်မှုအား True ဟု သတ်မှတ်ပါ - ၎င်းကို ဖျောက်ရန်အတွက် ထိန်းချုပ်မှုကို false ဟု သတ်မှတ်ပါ။

အောက်ပါဥပမာသည် ထိန်းချုပ်မှုအားလုံးကို "ဖွင့်သည်" ကို ဖွင့်ပေးသည်-

ဥပမာ

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

Google Maps - ထိန်းချုပ်မှုများကို ပြုပြင်မွမ်းမံခြင်း။

မြေပုံထိန်းချုပ်မှုအများအပြားကို ပြင်ဆင်သတ်မှတ်နိုင်သည်။

ထိန်းချုပ်မှုရွေးချယ်စရာ အကွက်များကို သတ်မှတ်ခြင်းဖြင့် ထိန်းချုပ်မှုများကို ပြုပြင်နိုင်ပါသည်။

ဥပမာအားဖြင့်၊ Zoom ထိန်းချုပ်မှုကို ပြုပြင်မွမ်းမံရန် ရွေးချယ်မှုများကို zoomControlOptions အကွက်တွင် သတ်မှတ်ထားသည်။ ZoomControlOptions အကွက်တွင်-

  • google.maps.ZoomControlStyle.SMALL - အသေးစားချုံ့ချဲ့ထိန်းချုပ်မှု (+ နှင့် - ခလုတ်များသာ) ကိုပြသသည်
  • google.maps.ZoomControlStyle.LARGE - ပုံမှန် zoom slider ထိန်းချုပ်မှုကို ပြသသည်။
  • google.maps.ZoomControlStyle.DEFAULT - စက်ပစ္စည်းနှင့် မြေပုံအရွယ်အစားပေါ်မူတည်၍ အကောင်းဆုံး zoom ထိန်းချုပ်မှုကို ရွေးသည်

ဥပမာ

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

မှတ်ချက်- ထိန်းချုပ်မှုတစ်ခုကို သင်မွမ်းမံပါက၊ ထိန်းချုပ်မှုကို ဦးစွာဖွင့်ပါ (၎င်းကို အမှန်ဟု သတ်မှတ်ပါ)။

နောက်ထပ်ပြင်ဆင်နိုင်သော ထိန်းချုပ်မှုမှာ MapType ထိန်းချုပ်မှုဖြစ်သည်။

ထိန်းချုပ်မှုတစ်ခုကို ပြုပြင်မွမ်းမံရန်အတွက် ရွေးချယ်စရာများကို mapTypeControlOptions အကွက်တွင် သတ်မှတ်ထားသည်။ mapTypeControlOptions အကွက်တွင် အောက်ပါတို့ ပါဝင်နိုင်သည်-:

  • google.maps.MapTypeControlStyle.HORIZONTAL_BAR - မြေပုံအမျိုးအစားတစ်ခုစီအတွက် ခလုတ်တစ်ခုပြသသည်
  • google.maps.MapTypeControlStyle.DROPDOWN_MENU - 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
}