如何在Open Layers地图上插入一个标记？

Question

当前正在构建一个地图应用。尝试在互联网上找到的所有方法来添加标记，但仍然不起作用。我是不是做错了什么？

这是我的Angular代码：

不知何故，使用Leaflet要容易得多，但我不想那么早就放弃Open Layers。

export class MapComponent implements OnInit{
  
  map! : Map;
  marker! :any;
  center = fromLonLat([5.5697, 50.6330]);
  iconFeature = new Feature({
    geometry : new Point(fromLonLat([5.5697, 50.6330]))
  })
  
  ngOnInit(): void {

    this.map = new Map({
      view : new View({
        center : this.center,
        zoom : 0
      }),
      layers : [

         new LayerVector({
          source : new SourceVector({
            features : [this.iconFeature]
          }),
          style : new Style({
            image : new Icon({
              anchor : [0.5, 46],
              src : '../assets/istockphoto-1153114937-2048x2048-removebg-preview.png'
            })
          })
         }),
         new TileLayer({
           source : new OSM()
         })
      ],
      target :  "map"
    })   
  }

}

Answer 1

你可以试试这个代码示例

雷雷