以下是一个使用Angular 4访问OpenLayers的"覆盖"元素的示例代码:
首先,确保你已经安装了OpenLayers库。
在你的Angular组件中,导入OpenLayers的相关模块:
import { Component, OnInit } from '@angular/core';
import * as ol from 'openlayers';
map: any;
ngOnInit() {
this.map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.fromLonLat([0, 0]),
zoom: 2
})
});
}
ngAfterViewInit() {
const marker = new ol.Overlay({
position: ol.proj.fromLonLat([0, 0]),
element: document.getElementById('marker'),
positioning: 'center-center',
stopEvent: false
});
this.map.addOverlay(marker);
}
This is a marker
这样,你就可以在Angular 4中访问OpenLayers的"覆盖"元素了。请记得适当调整地图的初始中心和缩放级别,以及覆盖标记的位置和内容。