Google Maps ဆိုတာ ဘာလဲ။
Google Maps သည် Google API တစ်ခုဖြစ်သည်။
Google Fonts သည် Google API တစ်ခုဖြစ်သည်။
Google Charts သည် Google API တစ်ခုဖြစ်သည်။
သင့်ဝဘ်စာမျက်နှာသို့ Google Maps ကို ထည့်သွင်းနည်းကို လေ့လာပါ။
ကျွန်ုပ်၏ ပထမဆုံး Google Map
ရိုးရှင်းသော ဝဘ်စာမျက်နှာဖြင့် စတင်ပါ။
သင်မြေပုံကိုပြသစေလိုသောနေရာတွင် <div> အစိတ်အပိုင်းတစ်ခုကို ပေါင်းထည့်ကာ မြေပုံ၏အရွယ်အစားကို သတ်မှတ်ပါ-
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map" style="width:100%;height:400px;">My map will go here</div>
</body>
<html>
မြေပုံကိုပြသရန် JavaScript လုပ်ဆောင်ချက်ကို ထည့်ပါ-
ဥပမာ
function myMap() {
var mapCanvas =
document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(51.5, -0.2),
zoom:
10
};
var map = new google.maps.Map(mapCanvas,
mapOptions);
}
mapCanvas variable သည် မြေပုံ၏ HTML အစိတ်အပိုင်းဖြစ်သည်။
mapOptions ကိန်း ရှင်သည် မြေပုံအတွက် ဂုဏ်သတ္တိများကို သတ်မှတ်သည်။
အလယ် ပိုင်ဆိုင်မှုသည် မြေပုံကို ဗဟိုပြုရမည့်နေရာကို သတ်မှတ်ပေးသည် (လတ္တီတွဒ်နှင့် လောင်ဂျီတွဒ် သြဒိနိတ်များကို အသုံးပြုသည်) ။
ချုံ့ချဲ့ မှု ပိုင်ဆိုင်မှုသည် မြေပုံအတွက် ဇမ်ချဲ့မှုအဆင့်ကို သတ်မှတ်ပေးသည် ( ချုံ့ချဲ့မှုအဆင့်ကို စမ်းသပ်ရန် ကြိုးစားပါ)။
google.maps.Map object ကို က န့်သတ်ချက်များအဖြစ် mapCanvas နှင့် mapOptions တို့ဖြင့် ဖန်တီးထားသည်။
နောက်ဆုံးတွင် Google API ကိုထည့်ပါ။
မြေပုံ၏လုပ်ဆောင်ချက်ကို Google တွင်ရှိသော JavaScript စာကြည့်တိုက်မှ ပံ့ပိုးပေးသည်-
ဥပမာ
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Google Maps ကျူတိုရီရယ်
ကျွန်ုပ်တို့၏ Google Maps ကျူတိုရီရယ် တွင် Google Maps အကြောင်း ပိုမိုလေ့လာပါ ။