高德地圖API教學：如何在php中實現地圖的路徑規劃導航-php教程-PHP中文網

高德地圖API教學：如何在php中實現地圖的路徑規劃導航

WBOY

發布： 2023-07-30 17:20:01

原創

1755 人瀏覽過

高德地圖API教學：如何在PHP中實現地圖的路徑規劃導航

地圖路徑規劃導航在出行和導航應用程式中是一個重要的功能。在本教程中，我們將介紹如何使用高德地圖API在PHP中實現地圖的路徑規劃導航。我們將使用高德地圖API提供的路徑規劃接口，透過HTTP請求取得路線規劃結果，並在前端地圖上展示出來。接下來，我們將一步一步進行詳細的介紹。

註冊高德開發者帳號與創建應用

首先，我們需要註冊一個高德開發者帳號，並建立一個應用程式。在高德開發者網站上點選 "註冊"，填寫相關資料進行註冊。註冊完成後，登入高德開發者控制台，點選 "建立應用"，填寫應用程式名稱、選擇 "Web服務" 類型，並提交建立。

取得API key

每個應用程式都有唯一的API key，我們需要使用這個API key來進行存取高德地圖API。在應用程式建立成功後，我們點擊 "管理"，然後在應用程式的基本資訊中找到 "API控制台" 連結。在API控制台中，我們可以看到產生的API key。

實作路徑規劃導覽

接下來，我們將開始實作路徑規劃導覽的功能。首先，我們先建立一個PHP文件，命名為 "map_navigation.php"。在該文件中，我們將實現以下功能：

取得起點和終點的經緯度座標
使用路徑規劃介面取得導航資訊
在前端地圖上展示導航路線

下面是完整的PHP程式碼範例：

<?php
// 获取起点和终点的经纬度坐标
$origin = "116.481028,39.989643";  // 起点经纬度坐标
$destination = "116.434446,39.90816";  // 终点经纬度坐标

// 使用高德地图API的路径规划接口获取导航信息
$key = "your_api_key";  // 替换为你的API key
$url = "https://restapi.amap.com/v3/direction/driving?origin=".$origin."&destination=".$destination."&key=".$key;
$response = file_get_contents($url);
$result = json_decode($response, true);

// 解析导航结果，获取路线坐标点
$routes = $result['route']['paths'][0]['steps'];
$coordinates = array();
foreach ($routes as $route) {
    $polyline = $route['polyline'];
    $polylineArr = explode(";", $polyline);
    foreach ($polylineArr as $point) {
        $latLng = explode(",", $point);
        $longitude = $latLng[0];
        $latitude = $latLng[1];
        $coordinates[] = array($longitude, $latitude);
    }
}

// 在前端地图上展示导航路线
echo "<html>
<head>
    <script src='https://webapi.amap.com/maps?v=1.4.15&key=".$key."'></script>
</head>
<body>
    <div id='map' style='width: 1000px; height: 600px;'></div>
    <script>
        // 创建地图实例
        var map = new AMap.Map('map', {
            zoom: 12,
            center: [".$origin."]
        });

        // 在地图上绘制导航路线
        var polyline = new AMap.Polyline({
            map: map,
            path: ".json_encode($coordinates, JSON_NUMERIC_CHECK).",
            strokeColor: '#3366FF',
            strokeWeight: 5,
            strokeOpacity: 1,
        });
    </script>
</body>
</html>";
?>

登入後複製

在上述程式碼中，$origin 和$destination 變量代表起點和終點的經緯度座標。 $key 變數代表你的高德地圖API key，需要替換為你自己的API key。首先，我們使用路徑規劃介面取得導航訊息，並解析出路線的座標點。然後，在前端地圖上使用高德地圖JavaScript API繪製導航路線。