如何使Firestore集合显示在React本机Map标记上

Question

我正在尝试将来自Firestore集合的所有数据提取到我的地图标记中。我已经使用以下代码成功提取了数据。

db.collection("Location").orderBy('latitude').limit(100).get().then(function(querySnapshot) {
  querySnapshot.forEach(function(doc) {
    that.setState({
      location: doc.data(),
    });

当我尝试拉出数据以在地图标记中查看时，它没有显示。请参见下面的地图标记代码

{Object.keys(this.state.location).map(function (key) {
        var val = this.state.location[key];
        val.key = key;
        console.log("this is val  " + val.key);
        return  <MapView.Marker
        key = {key}
        coordinate={{latitude: val.latitude,
        longitude: val.longitude}}
        title={val.nickName}
        description={val.price}
        onCalloutPress={() => this._showModal(val)}/>
        },
        this)

    }

加载地图时，没有标记显示。谁能告诉我我在做什么错。