Google Maps အထပ်များ
Google Maps - အထပ်များ
ထပ်ဆင့်များသည် လတ္တီတွဒ်/လောင်ဂျီတွဒ် သြဒိနိတ်များနှင့် ချိတ်ဆက်ထားသည့် မြေပုံပေါ်ရှိ အရာဝတ္ထုများဖြစ်သည်။
Google Maps တွင် ထပ်ဆင့်လွှာ အမျိုးအစားများစွာ ရှိသည်။
- အမှတ်အသား - မြေပုံပေါ်တွင် တစ်ခုတည်းသောတည်နေရာများ။ အမှတ်အသားများသည် စိတ်ကြိုက်အိုင်ကွန်ပုံများကို ပြသနိုင်သည်။
- Polyline - မြေပုံပေါ်တွင် မျဉ်းဖြောင့်များ အတွဲလိုက်
- Polygon - မြေပုံတစ်ခုပေါ်ရှိ မျဉ်းဖြောင့်များ အတွဲလိုက်၊ ပုံသဏ္ဍာန်သည် "ပိတ်"
- စက်ဝိုင်းနှင့် စတုဂံ
- အချက်အလက် Windows - မြေပုံတစ်ခု၏ထိပ်ရှိ ပေါ့ပ်အပ်ပူဖောင်းတစ်ခုအတွင်း အကြောင်းအရာကို ပြသသည်။
- စိတ်ကြိုက် ထပ်ဆင့်မှုများ
Google Maps - အမှတ်အသားတစ်ခုထည့်ပါ။
Marker constructor သည် အမှတ်အသားတစ်ခုကို ဖန်တီးသည်။ အမှတ်အသားပြသရန်အတွက် တည်နေရာပိုင်ဆိုင်မှုကို သတ်မှတ်ရမည်ဟု သတိပြုပါ။
setMap() နည်းလမ်းကို အသုံးပြု၍ မြေပုံသို့ အမှတ်အသားကို ထည့်ပါ-
ဥပမာ
var marker = new google.maps.Marker({position: myCenter});
marker.setMap(map);
Google Maps - အမှတ်အသားကို လှုပ်ရှားပါ။
အောက်ဖော်ပြပါ ဥပမာသည် အမှတ်အသားကို ကာတွန်းဂုဏ်သတ္တိဖြင့် လှုပ်ရှားပုံအား ပြသသည်-
ဥပမာ
var
marker = new google.maps.Marker({
position:myCenter,
animation:google.maps.Animation.BOUNCE
});
marker.setMap(map);
Google Maps - အမှတ်အသားအစား သင်္ကေတ
အောက်ပါဥပမာသည် ပုံသေအမှတ်အသားအစား အသုံးပြုရန် ပုံ (အိုင်ကွန်) ကို သတ်မှတ်သည်-
ဥပမာ
var marker = new google.maps.Marker({
position:myCenter,
icon:'pinkball.png'
});
marker.setMap(map);
Google Maps - Polyline
Polyline ဆိုသည်မှာ အစီအစဥ်အလိုက် သြဒိနိတ်များကို အတွဲလိုက်ဖြင့် ရေးဆွဲထားသော မျဉ်းတစ်ခုဖြစ်သည်။
polyline သည် အောက်ပါဂုဏ်သတ္တိများကို ပံ့ပိုးပေးသည်-
- လမ်းကြောင်း - မျဉ်းအတွက် လတ္တီတွဒ်/လောင်ဂျီတွဒ် သြဒိနိတ်များစွာကို သတ်မှတ်ပေးသည်။
- strokeColor - စာကြောင်းအတွက် ဆဋ္ဌမတန်အရောင်ကို သတ်မှတ်သည် (ဖော်မက်- "#FFFFFF")
- strokeOpacity - လိုင်း၏အလင်းပိတ်မှုကိုသတ်မှတ်သည် (0.0 နှင့် 1.0 ကြားတန်ဖိုး)
- strokeWeight - မျဉ်းကြောင်း၏လေဖြတ်ခြင်း၏အလေးချိန်ကို pixels ဖြင့်သတ်မှတ်သည်။
- တည်းဖြတ်နိုင်သည် - အသုံးပြုသူများသည် လိုင်းကို တည်းဖြတ်နိုင်သလား (မှန်/မမှန်) သတ်မှတ်သည်
ဥပမာ
var myTrip = [stavanger,amsterdam,london];
var flightPath = new google.maps.Polyline({
path:myTrip,
strokeColor:"#0000FF",
strokeOpacity:0.8,
strokeWeight:2
});
Google Maps - Polygon
Polygon တစ်ခုသည် အထူးလိုင်းတစ်ခုနှင့် ဆင်တူပြီး ၎င်းတွင် သြဒိနိတ်များ ဆက်တိုက်ပါ၀င်သည် ။ သို့သော်၊ အပိတ်ကွင်းတစ်ခုအတွင်း ဧရိယာများကို သတ်မှတ်ရန် အလုံအလောက်များကို ဒီဇိုင်းထုတ်ထားသည်။
Polygons များကို မျဉ်းဖြောင့်များဖြင့် ပြုလုပ်ထားပြီး ပုံသဏ္ဍာန်မှာ "ပိတ်" (လိုင်းများအားလုံး ချိတ်ဆက်ထားသည်)။
polygon တစ်ခုသည် အောက်ပါဂုဏ်သတ္တိများကို ပံ့ပိုးပေးသည်-
- လမ်းကြောင်း - လိုင်းအတွက် LatLng သြဒိနိတ်များစွာကို သတ်မှတ်သည် (ပထမနှင့် နောက်ဆုံး သြဒီနိတ်သည် တူညီသည်)
- strokeColor - စာကြောင်းအတွက် ဆဋ္ဌမတန်အရောင်ကို သတ်မှတ်သည် (ဖော်မက်- "#FFFFFF")
- strokeOpacity - လိုင်း၏အလင်းပိတ်မှုကိုသတ်မှတ်သည် (0.0 နှင့် 1.0 ကြားတန်ဖိုး)
- strokeWeight - မျဉ်းကြောင်း၏လေဖြတ်ခြင်း၏အလေးချိန်ကို pixels ဖြင့်သတ်မှတ်သည်။
- fillColor - အလုံပိတ်ဧရိယာအတွင်းဧရိယာအတွက် ဆယ်ဂဏန်းဆယ်ဂဏန်းရောင်ကို သတ်မှတ်သည် (ဖော်မက်- "#FFFFFF")
- fillOpacity - ဖြည့်စွက်အရောင်၏ ပွင့်လင်းမြင်သာမှုကို သတ်မှတ်သည် (0.0 နှင့် 1.0 ကြားတန်ဖိုး)
- တည်းဖြတ်နိုင်သည် - အသုံးပြုသူများသည် လိုင်းကို တည်းဖြတ်နိုင်သလား (မှန်/မမှန်) သတ်မှတ်သည်
ဥပမာ
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
});
Google Maps - စက်ဝိုင်း
စက်ဝိုင်းတစ်ခုသည် အောက်ပါဂုဏ်သတ္တိများကို ပံ့ပိုးပေးသည်-
- အလယ် - စက်ဝိုင်း၏ဗဟို၏ google.maps.LatLng ကို သတ်မှတ်သည်။
- အချင်းဝက် - စက်ဝိုင်း၏ အချင်းဝက်ကို မီတာဖြင့် သတ်မှတ်သည်။
- strokeColor - စက်ဝိုင်းတစ်ဝိုက်ရှိ မျဉ်းအတွက် ဆဋ္ဌမတန်အရောင်ကို သတ်မှတ်သည် (ဖော်မက်- "#FFFFFF")
- strokeOpacity - လေဖြတ်ခြင်းအရောင်၏ ပွင့်လင်းမြင်သာမှုကို သတ်မှတ်သည် (0.0 နှင့် 1.0 ကြားတန်ဖိုး)
- strokeWeight - မျဉ်းကြောင်း၏လေဖြတ်ခြင်း၏အလေးချိန်ကို pixels ဖြင့်သတ်မှတ်သည်။
- fillColor - စက်ဝိုင်းအတွင်းဧရိယာအတွက် ဆယ်ဂဏန်းဆယ်ဂဏန်းရောင်ကို သတ်မှတ်သည် (ဖော်မက်- "#FFFFFF")
- fillOpacity - ဖြည့်စွက်အရောင်၏ ပွင့်လင်းမြင်သာမှုကို သတ်မှတ်သည် (0.0 နှင့် 1.0 ကြားတန်ဖိုး)
- တည်းဖြတ်နိုင်သည် - စက်ဝိုင်းကို အသုံးပြုသူများ (အမှန်/အမှား) က တည်းဖြတ်နိုင်ခြင်း ရှိ၊ မရှိ သတ်မှတ်သည်
ဥပမာ
var myCity = new google.maps.Circle({
center:amsterdam,
radius:20000,
strokeColor:"#0000FF",
strokeOpacity:0.8,
strokeWeight:2,
fillColor:"#0000FF",
fillOpacity:0.4
});
Google Maps - InfoWindow
အမှတ်အသားတစ်ခုအတွက် စာသားအကြောင်းအရာအချို့ပါရှိသော InfoWindow ကိုပြသပါ-
ဥပမာ
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
infowindow.open(map,marker);