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

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里面加载的地图
有什么解决办法吗

阅读 790
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题