plotBaseLayer (data) {
this.setState({ data: data })
const baseFeatures = []
let baseLayer = Object()
Object.keys(data.features).forEach((key) => {
const basePoints = new olFeature({
geometry: new olGeomPoint(olProj.transform(
[data.features[key].geometry.coordinates[0], data.features[key].geometry.coordinates[1]],
'EPSG:4326', MapHandler.map.getView().getProjection().getCode())
)
})
baseFeatures.push(basePoints)
const vectorSource = new olSourceVector()
vectorSource.addFeature(basePoints)
baseLayer = new olLayerVector({ source: vectorSource })
this.map.addLayer(baseLayer)
})
}
В настоящее время я добавляю каждую точку в функцию и отдельно добавляю эту функцию к карте как отдельный слой. Как я могу структурировать свой код и/или использовать альтернативные функции Openlayers, чтобы отображать все точки в виде одного слоя? Спасибо, что посмотрели!
Возможно, это работает?
plotBaseLayer(data) {
this.setState({
data: data
})
const baseFeatures = []
let baseLayer = Object()
Object.keys(data.features).forEach((key) => {
const basePoints = new olFeature({
geometry: new olGeomPoint(olProj.transform(
[data.features[key].geometry.coordinates[0], data.features[key].geometry.coordinates[1]],
'EPSG:4326', MapHandler.map.getView().getProjection().getCode()))
})
baseFeatures.push(basePoints)
})
const vectorSource = new ol.source.Vector({
features: baseFeatures
});
baseLayer = new olLayerVector({
source: vectorSource
})
this.map.addLayer(baseLayer)
}