OpenLayers之Vector图层上添加Feature要素

一、wkt方式

  let wkt ='POINT(117.289113 31.861109)'
  let feature = new WKT().readFeature(wkt, {
      dataProjection: "EPSG:4326",
    });
 vectorLayer.getSource().addFeature(feature)

二、geometry方式

  //点
  let feature = new Feature({
      geometry: new Point([104.2979180563, 30.528298024]),
    });
   //线
  let feature = new Feature({
      geometry: new LineString([
        [104.2979180563, 30.528298024],
        [104.2987389704, 30.527798338],
      ]),
    });
   //面
   const feature = new Feature({
      geometry: new Polygon([
        [
          [106, 33],
          [108.03955078125, 32.2313896627376],
          [108.25927734375, 33.15594830078649],
          [106, 33],
        ],
      ]),
    })
    //圆
	const feature = new CircleGeometry({
	  center: [104.2979180563, 30.528298024],
	  radius: 1000000, // 半径，单位为米
	})


  vectorLayer.getSource().addFeature(feature)

三、geojson方式

1、本地文件
  let source = new VectorSource({
      features: new GeoJSON().readFeatures(geojson.geojson),
  })
  vectorLayer.setSource(source)

2、url文件

 let source =  new VectorSource({
    url: url,
    format: new GeoJSON()
});
 vectorLayer.setSource(source)