မြန်မာဘာသာ
မြန်မာဘာသာ
မြေပုံစကေးသည်မြေပုံ application များတွင်ဘုံထိန်းချုပ်မှုတစ်ခုဖြစ်သည်။ ၎င်းကိုမြေပုံ၏အတိုင်းအတာကိုပြသရန်အသုံးပြုသည်။ အသုံးပြုသူများသည် zoom level နှင့်မြေပုံ၏အမှန်တကယ်အကွာအဝေးအကြားဆက်နွယ်မှုကိုနားလည်စေရန်ကူညီသည်။ PHPP ဖွံ့ဖြိုးတိုးတက်မှုတွင် Baidu Map API ကိုပေါင်းစပ်ပြီးမြေပုံအကြေးခွံ၏ display ကို display နှင့် control ကိုသိရှိရန်အလွန်လက်တွေ့ကျသောကျွမ်းကျင်မှုဖြစ်သည်။ ဤဆောင်းပါးသည် Php ပတ်ဝန်းကျင်တွင်ဤလုပ်ငန်းကိုအကောင်အထည်ဖော်ရန် Baidu Map API ကိုမည်သို့အသုံးပြုရမည်ကိုအသေးစိတ်ဖော်ပြထားသည်။
Baidu Map API ကိုအသုံးပြုသောအခါ Baidu Map ၏ JavaScript Library နှင့် Map စကေး CSS-style ဖိုင်များကို HTML စာမျက်နှာတွင် ဦး စွာမိတ်ဆက်ပေးရန်လိုအပ်သည်။ ၎င်းကို Baidu Map ပွင့်လင်းပလက်ဖောင်းများမှပေးသော CDN link မှတဆင့်တိုက်ရိုက်စတင်မိတ်ဆက်နိုင်သည်။
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>မြေပုံ Scale ဥပမာ</title>
<link rel="stylesheet" href="http://api.map.baidu.com/library/ScaleControl/1.4/src/ScaleControl_min.css" />
<script src="http://api.map.baidu.com/api?v=2.0&ak=သင်၏ Baidu မြေပုံAPIသော့"></script>
</head>
<body>
<div id="map" style="width: 100%; height: 500px;"></div>
</body>
</html>ထို့နောက် PHP code ကိုမြေပုံကိုစတင်ရန်နှင့်မြေပုံသို့စကေးထိန်းချုပ်မှုကိုထည့်ရန်အသုံးပြုသည်။ Baidu Maps API မှတစ်ဆင့်ကျွန်ုပ်တို့သည်ဤ function ကိုအလွယ်တကူအကောင်အထည်ဖော်နိုင်သည်။ ဤနေရာတွင်မြေပုံကိုစတင်ရန်နှင့်စကေးထိန်းချုပ်မှုအတွက်နမူနာကုဒ်တစ်ခုဖြစ်သည်။
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>မြေပုံ Scale ဥပမာ</title>
<link rel="stylesheet" href="http://api.map.baidu.com/library/ScaleControl/1.4/src/ScaleControl_min.css" />
<script src="http://api.map.baidu.com/api?v=2.0&ak=သင်၏ Baidu မြေပုံAPIသော့"></script>
</head>
<body>
<div id="map" style="width: 100%; height: 500px;"></div>
<script>
var map = new BMap.Map("map"); // မြေပုံဥပမာတစ်ခုဖန်တီးပါ
var point = new BMap.Point(116.404, 39.915); // အချက်ကိုသွဒီနိတ်ဖန်တီးပါ
map.centerAndZoom(point, 15); // မြေပုံကိုအစပြုပါ，စင်တာအမှတ်နှင့် zoom အဆင့်ကိုသတ်မှတ်ပါ
var scaleControl = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT}); // စကေးထိန်းချုပ်မှုဖန်တီးပါ
map.addControl(scaleControl); // စကေးထိန်းချုပ်မှုထည့်ပါ
</script>
</body>
</html>အစပျိုးနေစဉ်အတွင်းစကေးထိန်းချုပ်မှုများကိုထည့်သွင်းခြင်းအပြင်ကျွန်ုပ်တို့၏ display ကို dynamure contros contros contros contros contros contros များမှတဆင့်ထိန်းချုပ်မှုများကိုဖုံးကွယ်နိုင်သည်။ ဤနေရာတွင်စကေးထိန်းချုပ်မှု၏ display status ကိုခလုတ်ကိုခလုတ်ကိုနှိပ်ပါ။
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>မြေပုံ Scale ဥပမာ</title>
<link rel="stylesheet" href="http://api.map.baidu.com/library/ScaleControl/1.4/src/ScaleControl_min.css" />
<script src="http://api.map.baidu.com/api?v=2.0&ak=သင်၏ Baidu မြေပုံAPIသော့"></script>
</head>
<body>
<div id="map" style="width: 100%; height: 500px;"></div>
<button onclick="toggleScaleControl()">စကေး switch</button>
<script>
var map = new BMap.Map("map"); // မြေပုံဥပမာတစ်ခုဖန်တီးပါ
var point = new BMap.Point(116.404, 39.915); // အချက်ကိုသွဒီနိတ်ဖန်တီးပါ
map.centerAndZoom(point, 15); // မြေပုံကိုအစပြုပါ，စင်တာအမှတ်နှင့် zoom အဆင့်ကိုသတ်မှတ်ပါ
var scaleControl = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT}); // စကေးထိန်းချုပ်မှုဖန်တီးပါ
map.addControl(scaleControl); // စကေးထိန်းချုပ်မှုထည့်ပါ
function toggleScaleControl() {
if (scaleControl.isVisible()) {
map.removeControl(scaleControl); // စကေးထိန်းချုပ်မှုဖျောက်
} else {
map.addControl(scaleControl); // စကေးထိန်းချုပ်မှုပြသပါ
}
}
</script>
</body>
</html>အထက်ပါဥပမာကုဒ်မှတဆင့် Php ပတ်ဝန်းကျင်တွင် Baidu Map API ၏မြေပုံရေးဆွဲခြင်းဆိုင်ရာပြသမှုနှင့်ထိန်းချုပ်မှုဆိုင်ရာလုပ်ဆောင်ချက်များကိုအောင်မြင်စွာအကောင်အထည်ဖော်နိုင်ပြီး PHPP ဝန်းကျင်တွင်ရှိသည်။ ၎င်းသည်အသုံးပြုသူများသည်မြေပုံ zoom အဆင့်ကိုပိုမိုနားလည်သဘောပေါက်ရန်သာမကအသုံးပြုသူအတွေ့အကြုံကိုလည်းပိုမိုကောင်းမွန်စေသည်။ developer များသည်၎င်းတို့၏လိုအပ်ချက်များနှင့်အညီဤကုဒ်များကိုပြုပြင်ရန်နှင့်တိုးချဲ့ရန်အခမဲ့ဖြစ်သည်။
သက်ဆိုင်သောတက်(ဂ်)များ:
API
