在 Openlayers 地图上添加 link

Question

我在地图上找到了一个点

var layer = new ol.layer.Vector({
    source: new ol.source.Vector({
        features: [
            new ol.Feature({
                geometry: new ol.geom.Point(ol.proj.fromLonLat(cord)),
                label: 'Label'
            })
        ]
    }),
    style: (feature) => {
            myStyle.getText().setText(feature.get('label'));
            return [myStyle];
        }
});

我只是想对标签（或点）做一个 link 以将我带到另一页。任何帮助。

Answer 1

在您的地图上放置一个点击事件处理程序，然后使用 getFeaturesAtPixel 查找被点击的地图项（如果有）。例如：

map.on("click", (event) => {
  const features = map.getFeaturesAtPixel(event.pixel);
  if (features && features.length > 0) {
     // ...
  }
});

在 Openlayers 地图上添加 link

Adding a link on Openlayers map

javascript

openlayers