Home > Backend Development > PHP Tutorial > How to integrate Baidu Map API in PHP

How to integrate Baidu Map API in PHP

WBOY
Release: 2023-05-23 10:00:02
Original
1325 people have browsed it

With the development of society, our lives are inseparable from map navigation. In web development, map operations can be easily implemented with the help of the map API. As the most popular map service provider, Baidu Maps' API integration and use have also attracted increasing attention. This article will introduce how to integrate Baidu Map API in PHP to realize map application development.

1. Register and obtain AK and SK

Before using Baidu Map API, you need to register and obtain it on [Baidu Map Open Platform](https://lbsyun.baidu.com/) AK and SK. AK is the authentication key for accessing Baidu Map API, and SK is the security verification key corresponding to AK. The specific process for obtaining AK and SK is as follows:

  1. Register a Baidu account and log in to the Baidu Map open platform.
  2. Click "Console" in the upper right corner and select "Create Application".
  3. Fill in the application name, application type and other information according to actual needs, and submit the creation application.
  4. After the creation is successful, enter the application management page and you can see the AK and SK of the application.

2. Call Baidu Map through HTTP API

Baidu Map API provides a variety of interfaces, including JavaScript API, HTTP API, mobile SDK, etc. Among them, the HTTP API can directly access the Baidu map service through HTTP requests. It is very powerful and easy to use, so the integration method of the HTTP API is introduced here.

HTTP API calls are implemented through network requests and require the use of PHP's cURL library and json_decode function. The specific steps are as follows:

  1. Use cURL library to send HTTP access request to Baidu Map API and get the response.

    //百度地图HTTP API接口地址
    $url = "http://api.map.baidu.com/place/v2/search?query=美食&region=上海&output=json&ak=your_ak";
    //初始化cURL
    $curl = curl_init($url);
    
    //设置请求选项
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);//忽略SSL证书
    //发送请求
    $response = curl_exec($curl);
    
    //关闭cURL
    curl_close($curl);
    Copy after login

    $url in the above code is the HTTP API interface address provided by Baidu Map API, where the query parameter represents the search keyword, the region parameter represents the search area, and the output parameter represents the output format (json is used here format), the ak parameter is the AK value obtained previously.

  2. Parsing the HTTP response result

    The HTTP response result of Baidu Map API is text data in JSON format, which needs to be parsed into an array using PHP's json_decode function for processing.

    //解析JSON字符串
    $result = json_decode($response, true);
    Copy after login

    $result in the above code is the parsed array.

  3. Using parsing results

    The parsed results can be used as needed, such as information display, distance calculation and other operations.

3. Call Baidu Map through JavaScript API

JavaScript API is the core part of Baidu Map API, providing comprehensive and interactive map services that can be used on the Web Web and mobile development. Integrating JavaScript API through PHP can achieve more flexible and friendly map applications. The specific steps are as follows:

  1. Introduce the JavaScript API of Baidu Maps into the HTML page.

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your_ak"></script>
    Copy after login

    your_ak in the above code is the AK value obtained previously.

  2. Create a map object and make related settings.

    //创建地图对象
    var map = new BMap.Map("map-container");
    
    //设置地图中心点和缩放级别
    var point = new BMap.Point(121.479, 31.231);
    map.centerAndZoom(point, 15);
    
    //添加控件
    map.addControl(new BMap.NavigationControl()); //添加缩放控件
    map.addControl(new BMap.ScaleControl()); //添加比例尺控件
    
    //开启鼠标滚轮缩放
    map.enableScrollWheelZoom(true);
    Copy after login

    The map in the above code is the map object, map-container is the id value of the map container, point represents the longitude and latitude coordinates of the map center point, and 15 represents the initial zoom level.

  3. Add an overlay to the map.

    Overlay refers to graphics such as points, lines, and areas displayed on the map. Baidu Maps provides multiple types of overlays, such as marked points, information windows, polylines, polygons, etc. Overlays can be easily created and managed using the JavaScript API in PHP.

    //创建标注点
    var marker = new BMap.Marker(point);
    
    //设置标注点图标
    var icon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {
        offset: new BMap.Size(0, 0),
        imageOffset: new BMap.Size(-23, -25)
    });
    marker.setIcon(icon);
    
    //添加标注点到地图中
    map.addOverlay(marker);
    Copy after login

    The marker in the above code is the marking point object, icon is the icon of the marking point, size and offset are the size and offset of the icon. By setting the attributes of label points, you can achieve more flexible display of overlays.

So far, we have introduced how to integrate Baidu Map API in PHP and perform map operations through HTTP and JavaScript API. In developing actual projects, it is necessary to select the appropriate API interface according to actual needs and conduct detailed configuration and development.

The above is the detailed content of How to integrate Baidu Map API in PHP. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template