我正在使用开放层库版本 5。我需要标记上的 onClick 事件来执行一些业务逻辑。任何人都可以帮我解决这个问题，谢谢。我已经尝试了所有代码和片段。我正在使用这个库来响应js。
import Feature from "ol/Feature";
import point from "ol/geom/Point"
import Style from "ol/style/Style";
import Icon from "ol/style/Icon";
renderMap = (lat = 24.8856802, lng = 67.0830459) => {
console.log(lat, lng);
this.map = new Map({
target: 'map',
layers: [
new TileLayer({
source: new OSM()
})
],
view: new View({
center: fromLonLat([lng, lat]),
zoom: 17,
})
});
this.makeMarker(24.8856802, 67.0830459, 0);
}
//here is my marker function
makeMarker = (lat, lng, index) => {
let marker = new Feature({
geometry: new point(fromLonLat([lng, lat])),
});
marker.setStyle(new Style({
image: new Icon(({
// crossOrigin: 'anonymous',
src: require("../../assets/images/location-pin.png"),
enter code here`enter code here`
}))
}));
let vectorSource = new Vector({ features: [marker] })
var markerVectorLayer = new LVector({
source: vectorSource,
});
this.map.addLayer(markerVectorLayer);
marker.on("click", () => {
alert()
})
}
功能没有点击事件。类似于这个例子https://openlayers.org/en/latest/examples/icon.html https://openlayers.org/en/latest/examples/icon.html您需要监听地图上的点击，检查点击像素处是否有某个特征，并且该特征是您的标记
map.on('click', function(evt) {
var feature = map.forEachFeatureAtPixel(evt.pixel,
function(feature) {
return feature;
});
if (feature === marker) {
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
