百度地圖 API 入門：標註與數據獲取的區別

問題背景

初學者想嘗試百度地圖 API，不熟悉 HTML/JS，詢問如何接收客戶端上傳的列表數據，並貼出官方 Demo 連結。

核心澄清

百度地圖 API 主要提供兩類能力：

• 在地圖上添加標註/覆蓋物：如 Marker、Polyline、InfoWindow，用於展示位置信息。
• 調用地理編碼/逆地理編碼/POI 搜尋/路徑規劃等服務：獲取百度地圖數據（經緯度、地址、周邊設施等）。

問題中的「接收客戶端上傳的列表」屬於應用層業務邏輯（前端收集數據 → AJAX 發送給後端 → 後端存儲），而非地圖 API 本身的功能。

入門建議

1. 先閱讀 官方 JS API Demo，理解地圖初始化、添加標註、事件監聽。
2. 前端用 map.addOverlay(marker) 顯示點位；用 local.search() 進行 POI 搜尋。
3. 若需上傳用戶標記的點位，前端收集經緯度陣列，透過 fetch/axios POST 到後端 API。
4. 後端接收 JSON，存入資料庫，再按需提供給其他用戶查看。

關鍵代碼片段

// 初始化地圖
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

// 添加標註
var marker = new BMap.Point(116.404, 39.915);
map.addOverlay(new BMap.Marker(marker));

// 獲取用戶點擊位置
map.addEventListener("click", function(e){
    console.log("用戶點擊：", e.point.lng, e.point.lat);
    // 此處可將 e.point 發送給後端
});