从firebase获取坐标以绘制多段线

<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-database.js"></script>

<script>
  // 初始化Firebase应用
  const firebaseConfig = {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_AUTH_DOMAIN",
    databaseURL: "YOUR_DATABASE_URL",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_STORAGE_BUCKET",
    messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
    appId: "YOUR_APP_ID"
  };

  firebase.initializeApp(firebaseConfig);

  // 获取数据库引用
  const database = firebase.database();
</script>

// 获取坐标数据
const coordinatesRef = database.ref('coordinates');

coordinatesRef.on('value', (snapshot) => {
  const coordinates = snapshot.val();

  // 绘制多段线
  drawPolyline(coordinates);
});

function drawPolyline(coordinates) {
  const map = new google.maps.Map(document.getElementById("map"), {
    center: { lat: 0, lng: 0 },
    zoom: 10,
  });

  const path = coordinates.map((coord) => ({
    lat: coord.latitude,
    lng: coord.longitude,
  }));

  const polyline = new google.maps.Polyline({
    path: path,
    geodesic: true,
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 2,
  });

  polyline.setMap(map);
}