Use PHP and Baidu Map API to generate and display static maps-PHP Tutorial-php.cn

Use PHP and Baidu Map API to generate and display static maps

WBOY

Release： 2023-07-31 12:16:01

Original

1644 people have browsed it

Use PHP and Baidu Map API to generate and display static maps

1. Overview
In many web applications, maps need to be generated and displayed according to user needs. This article will introduce how to use PHP and Baidu Map API to generate and display static maps. Through Baidu Map API, we can flexibly control the size, field of view, marker points and other contents of the map to meet the needs of different scenarios.

2. Environment preparation
Before starting, make sure that PHP and the corresponding Web server environment have been installed. At the same time, you need to apply for and obtain the key of Baidu Map API. You can register an account on Baidu Open Platform and create an application to obtain an API key.

3. Use Baidu Map API to generate static maps

Import Baidu Map API
First, introduce the JavaScript file of Baidu Map API into the PHP page. The code is as follows:

<script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

Copy after login

Replace "your key" in the above code with your own Baidu Maps API key.

Create a map container
Next, create a container for displaying the map in the HTML page. You can use a <div> element, the code is as follows:

<div id="map"></div>

Copy after login

Generate a static map
Use the BMap.Map# provided by Baidu Map API ## Class, you can create a map instance object and specify the center point, zoom level and container of the map. The code is as follows:

<script>
    // 创建地图实例
    var map = new BMap.Map("map");
    // 设置地图中心点和缩放级别
    var point = new BMap.Point(116.404, 39.915);
    map.centerAndZoom(point, 15);
</script>

Copy after login

Replace the latitude and longitude in the above code with the latitude and longitude of the center point of the map you need to display.

If you need to add marker points on the map, you can use the
BMap.Marker class. The code is as follows:

<script>
    // 添加标记点
    var marker = new BMap.Marker(point);
    map.addOverlay(marker);
</script>

Copy after login

Put the above code after the code that generates the map, and you can display a marker point on the map.

4. Generate static map with PHP

Use Baidu Map API to generate the URL of static map. The code is as follows:

$ak = '您的密钥';
$center = '116.404, 39.915';
$zoom = 15;
$width = 500;
$height = 300;
$url = 'http://api.map.baidu.com/staticimage/v2?ak=' . $ak . '&center=' . $center . '&zoom=' . $zoom . '&width=' . $width . '&height=' . $height;

Copy after login

Replace "your key" in the above code with your own Baidu Map API key, and set the longitude and latitude of the map center point, zoom level and image as required. width and height.

Using the URL obtained in the previous step, you can generate a static map and display it on the page. The code is as follows:

echo '<img src="' . $url . '">';

Copy after login

The above is the detailed content of Use PHP and Baidu Map API to generate and display static maps. For more information, please follow other related articles on the PHP Chinese website!