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