从 Firestore 中的集合中获取数据

Question

我将地理点存储到一个数组中，现在我想在谷歌地图上输出这些，但它不起作用。没有为新地理点设置标记。

需要帮助，如何在地图上为地理点设置标记？

firestore 数据库：

代码：

   mounted () {

    var map = new google.maps.Map(document.getElementById('mapName'), {
      center: {lat: 0, lng: 0},
      zoom: 20
    });


   fb.usersCollection.where("acctPosition", "==", true).get().then(docs => {
    docs.forEach((coord) => {
     const position = new google.maps.LatLng(coord.latitude,coord.longitude);
     const marker = new google.maps.Marker({
        position,
        map: map
       });
     })
    })
  }

这是console.log(coord.data())的输出

有了这个地理点，我想在谷歌地图中设置一个标记。如何做到这一点？

Answer 1

以下应该可以解决问题：

   fb.usersCollection.get().then(docs => {
    docs.forEach((coord) => {
     const lat = coord.data().acctPosition[0].lat;
     const lng = coord.data().acctPosition[0].lng;
     const position = new google.maps.LatLng(lat, lng);
     const marker = new google.maps.Marker({
        position,
        map: map
       });
     })
    })

docs.forEach() 返回QueryDocumentSnapshot（“提供与 DocumentSnapshot 相同的 API 界面”）。因此，您必须调用 data() method 来获取文档字段。