Google Maps ပွဲများ
ချဲ့ရန် အမှတ်အသားကို နှိပ်ပါ။
ကျွန်ုပ်တို့သည် ယခင်စာမျက်နှာမှမြေပုံကို အသုံးပြုဆဲဖြစ်သည်- အင်္ဂလန်နိုင်ငံ၊ လန်ဒန်မြို့ကို ဗဟိုပြုသောမြေပုံ။
ယခု ကျွန်ုပ်တို့သည် အသုံးပြုသူသည် အမှတ်အသားကို နှိပ်သည့်အခါ ဇူးမ်ချဲ့လိုသည် (ကျွန်ုပ်တို့သည် အဖြစ်အပျက်ကိုင်တွယ်သူကို နှိပ်လိုက်သည့်အခါ မြေပုံကို ဇူးမ်ချဲ့သည့် အမှတ်အသားတစ်ခုသို့ ကျွန်ုပ်တို့ ပူးတွဲပါရှိသည်)။
ဒီမှာ ထပ်ထည့်ထားတဲ့ ကုဒ်ပါ။
ဥပမာ
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});
addListener() event handler ကို အသုံးပြု၍ ပွဲသတိပေးချက်များအတွက် မှတ်ပုံတင်ပါသည်။ ထိုနည်းလမ်းသည် အရာဝတ္တုတစ်ခု၊ နားထောင်ရန် ဖြစ်ရပ်တစ်ခုနှင့် သတ်မှတ်ထားသော ဖြစ်ရပ်တစ်ခု ဖြစ်ပေါ်လာသည့်အခါ ခေါ်ရန် လုပ်ဆောင်ချက်တစ်ခုကို ယူဆောင်သည်။
အမှတ်အသားသို့ ပြန်လှည့်ပါ။
ဤတွင်၊ ကျွန်ုပ်တို့သည် ဇူးမ်ပြောင်းလဲမှုများကို သိမ်းဆည်းပြီး 3 စက္ကန့်အကြာတွင် မြေပုံကို ပြန်လှည့်ပါ။
ဥပမာ
google.maps.event.addListener(marker,'click',function() {
var pos = map.getZoom();
map.setZoom(9);
map.setCenter(marker.getPosition());
window.setTimeout(function() {map.setZoom(pos);},3000);
});
အမှတ်အသားကိုနှိပ်သောအခါ InfoWindow ကိုဖွင့်ပါ။
စာသားအချို့ပါသော အချက်အလက်ပြခန်းတစ်ခုကို ပြသရန် အမှတ်အသားကို နှိပ်ပါ။
ဥပမာ
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
အမှတ်အသားများကို သတ်မှတ်ပြီး အမှတ်အသားတစ်ခုစီအတွက် InfoWindow ကိုဖွင့်ပါ။
အသုံးပြုသူသည် မြေပုံပေါ်တွင် နှိပ်သောအခါ လုပ်ဆောင်ချက်တစ်ခုကို လုပ်ဆောင်ပါ။
placeMarker() လုပ်ဆောင်ချက်သည် အသုံးပြုသူနှိပ်သည့်နေရာတွင် အမှတ်အသားတစ်ခု ထားရှိကာ အမှတ်အသား၏ လတ္တီတွဒ်နှင့် လောင်ဂျီတွဒ်တို့နှင့်အတူ အချက်အလက်ပြခန်းတစ်ခုကို ပြသသည်-
ဥပမာ
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(map, event.latLng);
});
function placeMarker(map, location) {
var marker = new google.maps.Marker({
position: location,
map: map
});
var infowindow = new google.maps.InfoWindow({
content: 'Latitude: ' + location.lat() +
'<br>Longitude: ' + location.lng()
});
infowindow.open(map,marker);
}