标记组件未显示在 React JS 中的 Google 地图上

问题描述

我对 React JS 比较陌生。但是，我似乎无法弄清楚为什么标记没有显示在我的 GoogleMap 组件上。

const MyMapComponent = withGoogleMap((props) => {
            return (
                <GoogleMap
                    defaultZoom={8}
                    defaultCenter={{lat: 43.856,lng: 18.413}}
                >
                    {
                    tasks.map(task => {
                        let trackers = task.userTrackers;
                        console.log(trackers);
                        trackers.map(tracker => (
                            <Marker
                                //key={tracker.id}
                                position={{
                                    lat: tracker.locationLatitude,lng: tracker.locationLongitutde
                                }}
                                icon={{url: yellowMarkerURL}}
                            >
                            </Marker>
                        ))
                    
                    })
                    }
                </GoogleMap>
            )
        }
    );

"tasks" 是我从数据库中获取的一个数组，它包含一个数组 "userTrackers"。我在这段代码中使用的 console.log 命令写出了我期望的所有内容（不要担心经度处的拼写错误，数据库中就是这样）。我觉得map方法不行或者她内心的东西，但我似乎想不通。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）