ဂူဂဲဂျီ အပေါပ်

ဂူဂိုး ပန်းခြံ - စွမ်းကုံး

စွမ်းကုံး အား ပန်းခြံပေါ် တွင် လောင်းခြောက်/လောင်းခြောက် အာရှိုင် အား လက်ဆုံးဖြတ် သော အရာ

ဂူဂိုး ပန်းခြံ ကုသမှုအပြု အမျိုးမျိုး ရှိသည်

• ယူနီယံ (Marker) - ပန်းခြံပေါ် အားလုံး အချက်အလက်။ ယူနီယံ အား ကိုယ်စားပြုသော ယူနီယံ များ ဖြင့် ပြသနိုင်သည်
• တူရိုး (Polyline) - ပန်းခြံပေါ် အဆိုပါ အချက်အလက် တူရိုးတူရိုး
• ပုံး (Polygon) - ပန်းခြံပေါ် အဆိုပါ အချက်အလက် တူရိုးတူရိုး တူရိုးတူရိုး ဖြစ်သည်
• နီးပါး/ပုံး (Circle နှင့် Rectangle)
• အခွင်းရိုး ပြား (Info Windows) - ပန်းခြံအောက်ပိုင်း ပေါ်တွင် ပြသော အရာ
• ကိုယ်စားပြုသော စွမ်းကုံး (Custom overlays)

ဂူဂိုး ပန်းခြံ - ယူနီယံ ပေါင်းစပ်ခြင်း

Marker အဆိုပါ ကုသမှုအပြု အား ဖွဲ့စည်းနိုင်သည်။ သို့သော်လည်း ယူနီယံ ကို ဖြင့် ဖြည့်ပါက ယူနီယံ ကို ပြသနိုင်သည်

setMap() မူးယားရေး စကားရပ် အား အသုံးပြုပါ setMap() မူးယားရေး စကားရပ် အား ချက်ချင်း အသုံးပြုပါ

အက်ဥပဒ်

var marker = new google.maps.Marker({position: myCenter});
marker.setMap(map);

ဂူဂိုး ပန်းခြံ - ယူနီယံ အပြောင်းအလဲ

အောက်ပါ အမှတ်အသား မှ အသုံးပြုသော animation အချက်အလက် အား ချက်ချင်း မူးယားရေး အပ်ကျွမ်းသည်

အက်ဥပဒ်

var marker = new google.maps.Marker({
  position:myCenter,
  animation:google.maps.Animation.BOUNCE
});
marker.setMap(map);

ဂူဂိုး ပန်းခြံ - ယူနီယံ များ အား ချက်ချင်း သုံးပြီး

အောက်ပါ အမှတ်အသား မှ အသုံးပြုသော ယူနီယံ များ အား မူးယားရေး အပ်ကျွမ်းသည်

အက်ဥပဒ်

var marker = new google.maps.Marker({
  position:myCenter,
  icon:'pinkball.png'
});
marker.setMap(map);

ဂူဂိုး ပန်းခြံ - တူရိုးတူရိုး

ရှိခြေခုချိန်း တူရိုးတူရိုး အထူးခြားခြား အချက်အလက် စုစုပေါင်း ဖြင့် ချီလိုက်သော တူရိုးတူရိုး တွဲဖက်ဖြစ်သည်

အဆိုပါ ရှိခြေခုချိန်း အချက်အလက်များ ပေါ်မူးယားရေး

• path - စင်တယ်/လောင်းခြောက် အာရှိုင် သုံးပုံး
• strokeColor - အသားရှိသော အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (ပုံ: "#FFFFFF")
• strokeOpacity - အသားရှိသော အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (0.0 မှ 1.0 အထိ)
• strokeWeight - ပြောင်းလဲသော အသားရှိသော လက်ဆင်း အစိတ် (ပုံ: ပမာ ပိုင်းသည်)
• editable - အက်ဥပဒ် က အသုံးပြုသူ က ပြောင်းလဲနိုင်သည်မည်ထိုမည် မှာ ကွက်လွှတ်သည် (true/false)

အက်ဥပဒ်

var myTrip = [stavanger,amsterdam,london];
var flightPath = new google.maps.Polyline({
  path:myTrip,
  strokeColor:"#0000FF",
  strokeOpacity:0.8,,
  strokeWeight:2
});

ပုံစံ အရ ပါဝင်သည်

ပုံစံ က အက်ဥပဒ် အတွင်း ပုံပြုသည်။ ပုံစံ က အစိတ်ပုံ ကို အစိတ်ပုံ ကွဲပြားစေသည်။ သို့သော် ပုံစံ က ပုံပြုသည် အစိတ်ပုံ ကို ပုံစံ က ပုံပြုသည် အစိတ်ပုံ ကွဲပြားစေသည်。

ပုံစံ က အက်ဥပဒ် အတွင်း ပုံပြုသည်။ ပုံစံ က အစိတ်ပုံ ကို အစိတ်ပုံ ကွဲပြားစေသည်။ သို့သော် ပုံစံ က ပုံပြုသည် အစိတ်ပုံ ကို ပုံစံ က ပုံပြုသည် အစိတ်ပုံ ကွဲပြားစေသည်。

ပုံစံ အရ ပါဝင်သည်:

• path - အသားရှိသော အရှိန် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (ပုံ: ပထမပုံ နှင့် နောက်ဆုံးပုံ ကို တူညီ)
• strokeColor - အသားရှိသော အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (ပုံ: "#FFFFFF")
• strokeOpacity - အသားရှိသော အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (0.0 မှ 1.0 အထိ)
• strokeWeight - ပြောင်းလဲသော အသားရှိသော လက်ဆင်း အစိတ် (ပုံ: ပမာ ပိုင်းသည်)
• fillColor - ပုံစံ အတွင်း အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (ပုံ: "#FFFFFF")
• fillOpacity - ပြောင်းလဲသော အပြောင်းလဲသည် အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (0.0 မှ 1.0 အထိ)
• editable - အက်ဥပဒ် က အသုံးပြုသူ က ပြောင်းလဲနိုင်သည်မည်ထိုမည် မှာ ကွက်လွှတ်သည် (true/false)

အက်ဥပဒ်

var myTrip = [stavanger,amsterdam,london,stavanger];
var flightPath = new google.maps.Polygon({
  path:myTrip,
  strokeColor:"#0000FF",
  strokeOpacity:0.8,,
  strokeWeight:2,,
  fillColor:"#0000FF",
  fillOpacity:0.4
});

ဂူဂို ပုံခြုံ - ဆုံးဖြတ်

ဆုံးဖြတ် အက်ဥပဒ် အရ ပါဝင်သည်:

• center - ဆုံးဖြတ်သည် ဆုံးဖြတ် အရှိန် အတွက် google.maps.LatLng
• radius - ဆုံးဖြတ်သည် အရှည် အတိုင်း ကို သတ်မှတ်သည် (အကျယ် အမျိုးမျိုး)
• strokeColor - ဆုံးဖြတ်သည် အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (ပုံ: "#FFFFFF")
• strokeOpacity - ပြောင်းလဲသော အသားရှိသော အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (0.0 မှ 1.0 အထိ)
• strokeWeight - ပြောင်းလဲသော အသားရှိသော လက်ဆင်း အစိတ် (ပုံ: ပမာ ပိုင်းသည်)
• fillColor - ဆုံးဖြတ်သည် အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (ပုံ: "#FFFFFF")
• fillOpacity - ပြောင်းလဲသော အပြောင်းလဲသည် အရောင် အတိုင်း အတိုင်း ကို သတ်မှတ်သည် (0.0 မှ 1.0 အထိ)
• editable - အသုံးပြုသူ က ဆုံးဖြတ်နိုင်သည်မည်ထိုမည် မှာ ကွက်လွှတ်သည် (true/false)

အက်ဥပဒ်

var myCity = new google.maps.Circle({
  center:amsterdam,,
  radius:20000,,
  strokeColor:"#0000FF",
  strokeOpacity:0.8,,
  strokeWeight:2,,
  fillColor:"#0000FF",
  fillOpacity:0.4
});

ဂူဂို ပုံခြုံ - အချက်အလက် လွှတ်တင်

marker အတွက် အချက်အလက် ပါဝင်သော အချက်အလက် ပြောင်းလဲသော အချက်အလက် လွှတ်တင်သည်:

အက်ဥပဒ်

var infowindow = new google.maps.InfoWindow({
  content:"Hello World!"
});
infowindow.open(map,marker);