Leaflet 我能';不要让标记出现在地图上(React-player.js)

Leaflet 我能';不要让标记出现在地图上(React-player.js),leaflet,mapping,react-leaflet,Leaflet,Mapping,React Leaflet,我从TFL的API中获得了所有自行车积分的“lat”和“lng”。我试图在React传单地图上显示所有自行车点作为标记 我已经成功地获得了数据,并将其过滤为正确的格式[51.505,-0.09],并将每个数据映射到标记上 component <Marker position={data.position} /> . 组件。 问题是地图上没有标记 我对一些数据进行了硬编码,但效果很好,所以我不明白我对实时数据的错误之处。如果有人能帮助我,我将非常感激?我整晚都在忙这个 以下是我

我从TFL的API中获得了所有自行车积分的“lat”和“lng”。我试图在React传单地图上显示所有自行车点作为标记

我已经成功地获得了数据,并将其过滤为正确的格式[51.505,-0.09],并将每个数据映射到标记上

component <Marker  position={data.position} /> . 
组件。
问题是地图上没有标记

我对一些数据进行了硬编码,但效果很好,所以我不明白我对实时数据的错误之处。如果有人能帮助我,我将非常感激?我整晚都在忙这个

以下是我在JSFIDLE中遇到的问题:


!

这里有一个输入错误,您需要返回元素(有关更多详细信息,请参阅文档):


非常感谢您的帮助,瓦德明:D
{this.state.bikeMarkers.map(data => {
    return <Marker position={data.position}></Marker>
    ^^^^^^
    missing
})}           
axios.get(`https://api.tfl.gov.uk/bikepoint`).then(res => {
  let markers = res.data.map(location => {
    return { key: location.id, position: [location.lat, location.lon] };
  });

  this.setState({
    bikeMarkers: markers
  });
});