Create map location navigation using PHP and Amap API-PHP Tutorial-php.cn

Create map location navigation using PHP and Amap API

王林

Release： 2023-07-31 17:30:02

Original

1040 people have browsed it

Use PHP and Amap API to create map location navigation

With the rapid development of the mobile Internet, map navigation has become an indispensable part of our daily lives. Whether traveling, traveling or looking for nearby shops and restaurants, map navigation can help us find our destination quickly. In this article, we will introduce how to use PHP and Amap API to create a map's location navigation function.

First of all, we need to understand the basic usage of the Amap API. Amap API provides rich functional interfaces, including geocoding, route planning, POI search, etc. In this article, we will use the geocoding interface and the route planning interface to implement place navigation functionality.

First, we need to register a developer account on the Amap open platform and create an application. After successful registration, you can obtain an API key, which will be used to connect to the Amap API.

Next, we write a simple web page through PHP to implement the location navigation function. First, create a file called "index.php" and add the following code:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>地点导航</title>
    <script src="https://webapi.amap.com/maps?v=1.4.15"></script>
    <style>
        #map {
            width: 100%;
            height: 500px;
        }
    </style>
</head>
<body>
    <div id="map"></div>

    <script>
        // 设置地图容器
        var map = new AMap.Map('map', {
            zoom: 12, // 设置地图缩放级别
            center: [116.397428, 39.90923] // 设置地图中心点坐标
        });

        // 地址解析器
        var geocoder = new AMap.Geocoder({});

        // 地理编码
        var address = "北京市朝阳区建国门外大街1号"; // 设定需要查询的地址
        geocoder.getLocation(address, function(status, result) {
            if (status === 'complete' && result.info === 'OK') {
                var location = result.geocodes[0].location; // 获取查询地址的经纬度
                var marker = new AMap.Marker({
                    position: location, // 设定标记点位置
                    map: map // 在地图上添加标记点
                });

                map.setCenter(location); // 将地图中心点设置为查询地址的位置
            }
        });

        // 路线规划
        var startPoint = [116.397428, 39.90923]; // 起点坐标
        var endPoint = [116.327158, 39.990912]; // 终点坐标
        var driving = new AMap.Driving({
            map: map, // 在地图上绘制导航路线
            panel: "panel" // 导航结果展示面板
        });
        driving.search(startPoint, endPoint); // 开始导航搜索

    </script>
</body>
</html>

Copy after login

The above code creates a simple web page that contains a map container and some JavaScript scripts. In JavaScript, we first set the map's zoom level and center point, and created a geocoder and geocoder. Then, we get the latitude and longitude of the query address through the geocoder and add a marker point on the map. Finally, we plotted the navigation route using the route planner and displayed it on the map.

Through the above code, we can implement a simple location navigation function. Users only need to enter the address they need to query, and the corresponding location and navigation route will be displayed on the map.

In summary, it is very simple to use PHP and Amap API to create the location navigation function of the map. We just need to get the latitude and longitude of the query address through the geocoder and use the route planner to draw the navigation route. At the same time, we can also expand and optimize this function according to our own needs and business logic to make it more practical and powerful. Hope this article helps you!

The above is the detailed content of Create map location navigation using PHP and Amap API. For more information, please follow other related articles on the PHP Chinese website!