Buat lapisan trafik masa nyata menggunakan PHP dan API Amap

<div id="map" style="width: 800px; height: 600px;"></div>

Langkah 4: Tulis kod PHP

Gunakan PHP untuk mendapatkan data trafik masa nyata daripada Amap. Berikut ialah contoh kod PHP mudah:

<?php
$apiUrl = 'https://restapi.amap.com/v3/traffic/status/circle';
$apiKey = 'YOUR_API_KEY';
$location = '116.397428, 39.90923'; // 地图中心点坐标
$radius = 5000; // 搜索半径

$url = $apiUrl . '?location=' . $location . '&radius=' . $radius . '&key=' . $apiKey;
$response = file_get_contents($url);
$data = json_decode($response, true);

if ($data && $data['status'] == '1') {
    foreach ($data['trafficinfo'] as $traffic) {
        $road = $traffic['name'];
        $status = $traffic['status'];
        echo "道路：" . $road . "<br>";
        echo "拥堵状态：" . $status . "<br><br>";
    }
} else {
    echo "获取交通数据失败";
}
?>

Dalam kod di atas, kami menggunakan fungsi file_get_contents untuk mendapatkan data JSON yang dikembalikan oleh API melalui permintaan GET dan menghuraikannya ke dalam tatasusunan bersekutu. Kemudian, kami mengulangi tatasusunan maklumat lalu lintas, mendapatkan nama jalan dan status kesesakan, dan mengeluarkannya.

Langkah 5: Lukis peta dalam JavaScript

Dalam fail JavaScript, kita perlu menggunakan kelas dan kaedah JavaScript yang disediakan oleh API Amap untuk melukis peta dan menandakan data trafik yang diperoleh dalam kod PHP pada peta. Berikut ialah contoh kod JavaScript yang mudah:

var map = new AMap.Map("map", {
    center: [116.397428, 39.90923], // 地图中心点坐标
    zoom: 13 // 地图缩放级别
});

<?php
foreach ($data['trafficinfo'] as $traffic) {
    $latitude = $traffic['location']['lat'];
    $longitude = $traffic['location']['lng'];
    $status = $traffic['status'];
?>
    var marker = new AMap.Marker({
        position: [<?php echo $longitude; ?>, <?php echo $latitude; ?>],
        map: map,
        icon: "https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png", // 自定义标记图标
        title: "拥堵状态：<?php echo $status; ?>"
    });
<?php
}
?>

Dalam kod di atas, kami mencipta contoh peta dan menentukan koordinat titik tengah dan tahap zum peta. Kemudian, kami mengulangi tatasusunan maklumat trafik dan menandakan status kesesakan setiap jalan pada peta. Anda boleh menyesuaikan gaya ikon tanda mengikut keperluan anda sendiri.

Langkah 6: Tingkatkan pengalaman interaktif

Untuk memberikan pengalaman interaktif yang lebih baik, anda boleh menggunakan kawalan dan acara yang disediakan oleh API Amap, seperti kawalan zum, menyeret peta, penanda klik, dsb., untuk meningkatkan interaksi pengguna dengan peta .

Ringkasnya, lapisan trafik masa nyata boleh dibuat dengan mudah menggunakan PHP dan API Amap. Dengan mendapatkan data trafik berhampiran titik tengah peta dan menandakannya pada peta, pengguna boleh memahami kesesakan jalan raya dalam masa nyata, dengan itu melaraskan jadual perjalanan mereka dan mengurangkan masa lalu lintas. Selain itu, fungsi dan pengalaman pengguna lapisan trafik boleh dipertingkatkan lagi dan dioptimumkan melalui fungsi dan acara lain yang disediakan oleh API Amap.

Atas ialah kandungan terperinci Buat lapisan trafik masa nyata menggunakan PHP dan API Amap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!