လက်ရှိတည်နေရာ: ပင်မစာမျက်နှာ> နောက်ဆုံးရဆောင်းပါးများစာရင်း> PHP သင်ခန်းစာ - Baidu Map API ကိုသုံးပါ

PHP သင်ခန်းစာ - Baidu Map API ကိုသုံးပါ

M66 2025-07-31

Baidu Map API ကိုမိတ်ဆက်ပေးရန် JavaScript စာကြည့်တိုက်

Baidu Map API သည် 0 က်ဘ်ဆိုက်များနှင့်မိုဘိုင်းထုတ်ကုန်များအတွက်အားကောင်းသောမြေပုံများနှင့်အပြန်အလှန်စွမ်းရည်များကိုထောက်ပံ့ပေးသည်။ PHPP စီမံကိန်းများရှိ Baidu Maps ကိုအသုံးပြုရန်အတွက် Baidu Maps ၏ JavaScript စာကြည့်တိုက်ကိုစာမျက်နှာသို့ပထမဆုံးမိတ်ဆက်ပေးရန်လိုအပ်သည်။ ဥပမာများမှာအောက်ပါအတိုင်းဖြစ်သည် -

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=သင်၏ Baidu မြေပုံAPIသော့"></script>
  </head>
  <body>
    <div id="map" style="width: 100%; height: 400px;"></div>
  </body>
</html>

Baidu Map Open Platform မှသင်ရရှိသောခိုင်လုံသောသော့ချက်ဖြင့်ဥပမာတွင် သင်၏ Baidu Map API key ကို အစားထိုးပါ။

အမှတ်အသားများကိုနေရာချထားသည့်နေရာများကိုလက်ခံရန် tags များကိုအသုံးပြုသည်။

PHP ကိုအသုံးပြုပြီးမြေပုံဥပမာအားဆင့်ဖွင့်ပါ

API စာကြည့်တိုက်ကိုအောင်မြင်စွာမိတ်ဆက်ပြီးနောက် PHP ကို dynamascript code သို့ပြောင်းလဲခြင်း, မြေပုံဥပမာတစ်ခု ဖန်တီး. စင်တာအမှတ်အသားပြုရန်နှင့်ဗဟိုအမှတ်နှင့် zoom အဆင့်ကိုသတ်မှတ်ပါ။

<?php
 echo '<script type="text/javascript">
     var မြေပုံ = New BMAP.map ("မြေပုံ"), // မြေပုံဥပမာတစ်ခုဖန်တီးပါ။ Var Point = New BMap.point (116.404, 39.915); // စင်တာအမှတ်ကို Set Map.Centerandzoom (အမှတ်, 15) ကိုသတ်မှတ်ပါ။ // မြေပုံကိုအစပြုပါ, စင်တာအမှတ်နှင့် zoom အဆင့်ကိုသတ်မှတ်ပါ</script> &#39;&#39;;
>

Code တွင်မြေပုံတွင် ID မြေပုံ ဖြင့်ကွန်တိန်နာတွင်ပြသထားပြီးဗဟိုအချက်အပေါ်သွဒိနိတ်သည်လတ်တီတွဒ်နှင့်လောင်ဂျီတွဒ်ဖြစ်သည်။

တံဆိပ်ကပ်အမှတ်ကိုထည့်ပြီး Click ပွဲကိုချည်နှောင်ပါ

၎င်းကိုအောင်မြင်ရန်ဖြစ်ရပ်ကိုရရှိရန်အတွက်၎င်းကိုအတည်ပြုရန်အတွက်၎င်းကိုမှတ်စုရေးထားသည့်နေရာကိုဖန်တီးရန်နှင့်နားထောင်ခြင်းကိုနှိပ်ပါ။

<?php
 echo '<script type="text/javascript">
     // ခေါ်ဆိုမှု point var marker = အသစ် bmap.marker (Point) ကိုဖန်တီးပါ။
     Map.Addoverlay (အမှတ်အသား);

     // "STACKER.addeventlistener (" ကလစ်နှိပ်ပါ ", function ကို () {)
       သတိပေးချက် ("သင်အမှတ်အသားကိုနှိပ်လိုက်ပါ!"););
     });
 </script>&#39;&#39;;
>

အထက်ပါကုဒ်သည်မှတ်စုစာအုပ်ကိုမြေပုံသို့ထည့်ပြီးကလစ်နှိပ်သောအခါချက်ချင်းပင် 0 င်းဒိုးပေါ်လာသည်။ Pop-up Links နှင့်အခြားလုပ်ဆောင်မှုများကိုအကောင်အထည်ဖော်ရန်လိုအပ်သည့်လုပ်ဆောင်မှုကိုင်တွယ်သည့်လုပ်ဆောင်မှုကိုသင်ပြုပြင်နိုင်သည်။

အကျဉ်းချုပ်

အထက်ပါအဆင့်များမှတစ်ဆင့် Maadu Map API ကိုသင် PHPP စီမံကိန်းတွင်အလွယ်တကူပေါင်းစပ်နိုင်သည်။ Baidu Map API တွင်ကြွယ်ဝသောလုပ်ဆောင်ချက်များရှိပြီးပိုမိုရှုပ်ထွေးသောလုပ်ငန်းများကိုထောက်ပံ့သည်။ တရားဝင်စာရွက်စာတမ်းများကိုမြေပုံအသုံးချသည့်အတွေ့အကြုံကိုတိုးတက်စေရန်နက်နက်ရှိုင်းရှိုင်းလေ့လာရန်ပေါင်းစပ်ရန်အကြံပြုသည်။

မကြာသေးမီ ဆောင်းပါးများ