添加Openlayers指向地图作为单层

Question

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功能来将所有点绘制为单个图层？感谢您的期待！

Answer 1

这可能是工作吗？

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) 
}