လက်ရှိတည်နေရာ: ပင်မစာမျက်နှာ> နောက်ဆုံးရဆောင်းပါးများစာရင်း> gaoode မြေပုံ API ကိုပေါင်းစပ်ရန် GARODE Map API ကိုအလွယ်တကူအကောင်အထည်ဖော်ရန် PHP ကိုသုံးပါ

gaoode မြေပုံ API ကိုပေါင်းစပ်ရန် GARODE Map API ကိုအလွယ်တကူအကောင်အထည်ဖော်ရန် PHP ကိုသုံးပါ

M66 2025-07-17

PHP နှင့် G Gaode Map API ဖြင့်အပြန်အလှန်မြေပုံအမှတ်အသားများကိုဖန်တီးပါ

မိုဘိုင်းအင်တာနက်ခေတ်တွင်မြေပုံ 0 န်ဆောင်မှုများသည်အသုံးပြုသူများသည်ပထဝီဝင်ဆိုင်ရာအချက်အလက်များကိုရယူရန်အသုံးပြုသူများအတွက်အရေးကြီးသောကိရိယာတစ်ခုဖြစ်လာသည်။ တည်နေရာများကိုရှာဖွေခြင်း, စီစဉ်ခြင်းလမ်းကြောင်းများသို့မဟုတ်ပတ် 0 န်းကျင်များကိုရှာဖွေခြင်း, GAOODE Map API သည် PHP ၏အင်အားကြီးသော backend processing studdate စွမ်းရည်နှင့်ပေါင်းစပ်ထားသောကြွယ်ဝသော interfaces များကိုထောက်ပံ့သည်။

ပြင်ဆင်မှု

ပထမ ဦး စွာ, သင်သည် GAODE developer အကောင့်တစ်ခုကိုမှတ်ပုံတင်ရန်လိုအပ်ပြီးဝက်ဘ်ဝန်ဆောင်မှုအသုံးချပရိုဂရမ်အသစ်တစ်ခုဖန်တီးရန်နှင့် developer key (key) ကိုရယူပါ။ ၎င်းသည် API ကိုခေါ်ဆိုခြင်းအတွက်လိုအပ်သောအခြေအနေတစ်ခုဖြစ်သည်။

Code အကောင်အထည်ဖော်မှု

ဒီနေရာမှာအပြန်အလှန်မြေပုံ tags တွေကိုအကောင်အထည်ဖော်တဲ့အခြေခံ HTML ဖွဲ့စည်းပုံနဲ့ဆက်စပ်တဲ့ကုဒ်ပါ။

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>အပြန်အလှန်ဖော်ပြမြေပုံအမှတ်အသားဥပမာ</title>
  <style>
    #map {
      width: 100%;
      height: 600px;
    }
  </style>
</head>
<body>
  <div id="map"></div>
  <script src="https://webapi.amap.com/maps?v=1.4.15&key=YOUR_KEY"></script>
  <script src="https://webapi.amap.com/ui/1.1/main.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script>
    // မြေပုံအရာဝတ်ထုတစ်ခုဖန်တီးပါ
    var map = new AMap.Map("map", {
      zoom: 13, // မြေပုံ zoom အဆင့်ကိုသတ်မှတ်ပါ
      center: [116.397428, 39.90923] // မြေပုံ၏ဗဟိုညွှန်ကြားချက်၏သွဒီနိတ်ကိုသတ်မှတ်ပါ
    });

    // မြေပုံထိန်းချုပ်မှုတစ်ခုထည့်ပါ
    AMap.plugin(['AMap.ToolBar'], function() {
      map.addControl(new AMap.ToolBar());
    });

    // မြေပုံဖြစ်ရပ်ကိုနှိပ်ပါ
    map.on('click', function(e) {
      // ကလစ်၏လတ်တီတွဒ်နှင့်လောင်ဂျီတွေးရှင်းညှိနှိုင်းမှုကိုရယူပါ
      var lnglat = e.lnglat;
      var longitude = lnglat.getLng();
      var latitude = lnglat.getLat();

      // ဖန်တီး Marker အရာဝတ်ထုနှင့်မြေပုံထဲသို့ထည့်ပါ
      var marker = new AMap.Marker({
        position: [longitude, latitude]
      });
      map.add(marker);

      // Pop-up 0 င်းဒိုးသည်လတ်တီတွဒ်နှင့်လောင်ဂျီတွဒ်သတင်းအချက်အလက်ကိုပြသသည်
      var infoWindow = new AMap.InfoWindow({
        content: 'လောင်ဂျီတွဒ်:' + longitude + '<br>လတီ္တတွဒ်:' + latitude
      });
      marker.on('click', function() {
        infoWindow.open(map, marker.getPosition());
      });
    });
  </script>
</body>
</html>

code parsing

  • ဆက်နွယ်မှုရှိသော APIs ခေါ်ဆိုမှုကိုလွယ်ကူချောမွေ့စေရန် GAIDE MAP နှင့် JQuery Library အရင်းအမြစ်များကိုမိတ်ဆက်ပေးပါ။
  • မြေပုံအရာဝတ်ထုတစ်ခုကိုဖန်တီးပြီးကန ဦး zoom အဆင့်နှင့်စင်တာကိုသတ်မှတ်ပါ။
  • မြေပုံအပြန်အလှန်လုပ်ဆောင်ရန် toolbar controls ကိုထည့်ပါ။
  • လတ်တီတွဒ်နှင့်လောင်ဂျီတွဒ်ကိုရရှိမှုနှင့်လောင်ဂျီတွဒ်ကိုရရန်မြေပုံကိုနှိပ်ပါ။
  • အမှတ်အသားအမှတ်များကိုထုတ်လုပ်ပြီးမြေပုံသို့ထည့်ပါ။
  • သက်ဆိုင်ရာလတ်တီတွဒ်နှင့်လောင်ဂျီတွဒ်အချက်အလက်များကိုပြသရန် Mark Point Pop-Up 0 င်းဒိုးကိုနှိပ်ပါ။

မှတ်သားရန်အရာ

  • G G Gerode Open Platform တွင်သင်လျှောက်ထားသော developer key ဖြင့်ကုဒ်နံပါတ်ဖြင့် code တွင်အစားထိုးပါ။
  • GAODE MAP API သည် HTTPS protocol ကိုချမှတ်ထားသည်။ HTTPS protocol ကိုလက်ခံသည်။ Browser လုံခြုံရေးသတိပေးချက်များကိုရှောင်ရှားရန် HTTPS ကိုထောက်ပံ့သောဆာဗာများပေါ်တွင် 0 က်ဘ်စာမျက်နှာများကိုဖြန့်ရန်အကြံပြုသည်။

အကျဉ်းချုပ်

ဤဆောင်းပါးသည် PHP ကို GaOD Map API နှင့်ပေါင်းစပ်ပြီးအခြေခံအပြန်အလှန်အကျိုးသက်ရောက်မှုရှိသောမြေပုံ marking function ကိုအကောင်အထည်ဖော်ရန်မည်သို့ပေါင်းစပ်ရမည်ကိုပြသသည်။ ဤအခြေခံတွင် developer များသည်လမ်းကြောင်းစီမံကိန်းရေးဆွဲခြင်း, ပထဝီအနေအထားအရနေရာများနှင့်အခြားလက်တွေ့လုပ်ဆောင်ချက်များနှင့်အခြားလက်တွေ့လုပ်ဆောင်ချက်များကို၎င်းတို့၏လိုအပ်ချက်များနှင့်အညီချဲ့ထွင်နိုင်သည်။ မြေပုံနည်းပညာ၏အသုံးချမှုသည်အသုံးပြုသူအတွေ့အကြုံကိုများစွာတိုးတက်စေပြီးပထဝီဝင်သတင်းအချက်အလက်များ၏အဆင်ပြေသော display နှင့်အပြန်အလှန်အကျိုးပြုနိုင်သည်။