18910140161

vue使用openlayers5本地上传geojson渲染出来以后点击的时候出现弹框显示当前图层的信息?

顺晟科技

2022-09-25 07:13:10

104

this.map.on("singleclick", (e) => {
var pixel = this.map.getEventPixel(e.originalEvent);
//forEachFeatureAtPixel的原理,是遍历操作
var feature = this.map.forEachFeatureAtPixel(pixel, function(feature) { return feature; });
var coordinate = e.coordinate;
if(feature){
  console.log("获取到点击的要素" + "jingdu:" + coordinate[0] + feature.get('lei'));  //其中lei是定义的属性
  this.datas = feature.values_
}
this.overlay.setPosition(coordinate);
this.map.addOverlay(this.overlay);
});

这个加的弹框问题是 本都上传geojson文件以后点击添加图层image.png需要的这些矢量图层可以很快的就显示出来点击某个图层查看信息的时候image.png这个信息不能很快的显示出来要等很久才可以显示出来,或者是 在点击下一个的时候信息不更新 还是显示的上一个信息image.png在mounted里面加载的地图有什么解决办法吗

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航