PHP의 Baidu Map API 애플리케이션 예제 및 튜토리얼

PHP의 Baidu Map API 애플리케이션 예제 및 튜토리얼

Baidu Map API는 Baidu에서 출시한 무료 지도 개발 인터페이스로, 자신의 웹사이트나 애플리케이션에서 지도 표시, 검색, 탐색 및 기타 기능을 쉽게 구현할 수 있습니다. 이 글에서는 PHP에서 Baidu Map API를 사용하는 방법을 소개하고 몇 가지 실제 적용 사례를 제공합니다.

1. 바이두 지도 API 기본 사용법

1. 바이두 지도 개발자 계정 등록 및 애플리케이션 만들기

먼저 바이두 지도 오픈 플랫폼에 개발자 계정을 등록하고 애플리케이션을 만들어야 합니다. 애플리케이션을 생성할 때 후속 코드에서 사용될 API 키(ak)를 받게 됩니다.

2. Baidu Map API의 JavaScript 라이브러리를 소개합니다

php 파일에서 Baidu Map API의 JavaScript 라이브러리를 도입해야 하며 다음 코드를 사용할 수 있습니다.

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的API密钥"></script>

그 중 API 키는 다음과 같아야 합니다. 자신의 열쇠로 교체하세요.

3. 지도 컨테이너 만들기

다음 코드를 사용하여 웹페이지에 지도 컨테이너를 만듭니다.

<div id="map" style="width: 100%; height: 400px;"></div>

그 중 ID가 "map"인 div 요소는 지도를 배치하는 데 사용됩니다.

4. 지도 초기화 및 중심점 설정

JavaScript 코드에서는 지도를 초기화하고 지도의 중심점을 설정해야 합니다. 다음 코드를 사용하세요.

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

여기서 116.404는 경도를 나타내고 39.915는 위도, 지도 수준 15는 표시 수준이 거리 수준을 나타냅니다.

5. 라벨 추가

다음 코드를 사용하여 지도에 라벨을 추가할 수 있습니다.

<script>
    // 创建标注点
    var marker = new BMap.Marker(point);
    // 添加标注点到地图上
    map.addOverlay(marker);
</script>

위 코드를 실행하면 지도에 라벨 지점이 표시됩니다.

2. PHP에서 Baidu Map API를 적용한 예

다음은 PHP에서 Baidu Map API를 사용하는 방법을 보여주는 간단한 예입니다.

요구 사항이 있다고 가정해 보겠습니다. 웹 페이지에 매장 위치를 ​​표시하고 지도에 표시하는 것입니다.

다음은 참고할 수 있는 간단한 단계입니다.

1. 데이터베이스 테이블 생성

먼저 매장의 위치 정보를 저장할 데이터베이스 테이블을 생성해야 합니다. 테이블 구조는 다음 코드를 참조할 수 있습니다.

CREATE TABLE `store` (
  `id` INT UNSIGNED AUTO_INCREMENT,
  `name` VARCHAR(50) NOT NULL,
  `address` VARCHAR(100) NOT NULL,
  `longitude` DOUBLE NOT NULL,
  `latitude` DOUBLE NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=INNODB DEFAULT CHARSET=utf8;

2. 데이터베이스에 매장 정보 추가

데이터베이스에 일부 매장 위치 정보를 추가하려면 다음 코드를 사용할 수 있습니다.

INSERT INTO `store` (`name`, `address`, `longitude`, `latitude`) VALUES
('商店A', '地址A', 116.404, 39.915),
('商店B', '地址B', 116.404, 39.915),
('商店C', '地址C', 116.404, 39.915);

3. PHP 코드 예제

데이터베이스에서 PHP 코드 작성 매장 정보를 읽어 지도에 표시하려면 다음 코드를 사용하세요.

<?php
// 连接数据库
$servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "test";

$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 从数据库中读取商店信息
$sql = "SELECT * FROM store";
$result = $conn->query($sql);

// 输出商店信息到JavaScript数组
$stores = array();
while ($row = $result->fetch_assoc()) {
    $stores[] = $row;
}
?>

<script>
    var map = new BMap.Map("map");
    var point = new BMap.Point(<?php echo $stores[0]['longitude']; ?>, <?php echo $stores[0]['latitude']; ?>);
    map.centerAndZoom(point, 15);

    <?php foreach ($stores as $store): ?>
    var storePoint = new BMap.Point(<?php echo $store['longitude']; ?>, <?php echo $store['latitude']; ?>);
    var storeMarker = new BMap.Marker(storePoint);
    map.addOverlay(storeMarker);
    <?php endforeach; ?>
</script>

위 코드를 php 파일로 저장하고 파일을 실행하면 웹 페이지에서 지도를 보고 표시할 수 있습니다. 가게의 위치.

위의 예를 통해 PHP에서 Baidu Map API를 사용하는 방법과 몇 가지 간단한 기능을 구현하는 방법을 확인할 수 있습니다. 필요에 따라 Baidu Map API의 다른 기능을 더 자세히 배우고 탐색하고 자신의 프로젝트에 적용할 수 있습니다. 이 기사가 도움이 되기를 바랍니다.

위 내용은 PHP의 Baidu Map API 애플리케이션 예제 및 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!