搜索

首页  >  问答  >  正文

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

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

这是我的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"
    })   
  }

}

P粉099145710P粉099145710471 天前688

全部回复(1)我来回复

  • P粉141911244

    P粉1419112442023-09-13 17:31:16

    你可以试试这个代码示例

    雷雷

    回复
    0
  • 取消回复