javascript - 使用鼠标交互选择 GeoJSON 功能 - OpenLayers 3

标签 javascript jquery openlayers-3 geojson

我有 GeoJSON 功能,其中包含许多小功能。当我将鼠标悬停在其中一个上时,我希望整个图层都被选中,而不仅仅是我图层的一部分。

我不知道从哪里开始实现......任何人都可以帮助我吗?

这是我目前的代码:

var hoverClick = new ol.interaction.Select({
      condition: ol.events.condition.pointerMove, 
  });   

  select = hoverClick;
  olMap.addInteraction(select);

谢谢

最佳答案

除了使用 ol.interaction.Select,您可以监听 map pointermove 事件并使用 ol.Map#forEachFeatureAtPixel方法。如果指针所在位置有一个要素(来自您的图层),则将所需的样式应用到该图层。

关于javascript - 使用鼠标交互选择 GeoJSON 功能 - OpenLayers 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35155060/

相关文章:

openlayers-3 - 打开和关闭 MouseWheelZoom

javascript - 无法第二次设置 WFS 过滤器

javascript - Owl Carousel 2 调整窗口大小错误

javascript - jQuery Joyride 和 AngularJS 实现

javascript - Google map 隐藏小屏幕上的控件

javascript - 在 jQuery 中查找下一个元素

jquery - "Please Wait"消息使用 jQuery 或 AJAX?

javascript - 使用 Open Layers 集群指定最小集群大小

javascript - 在 IE11 中使用 window.opener

javascript - 谷歌图表 : cannot format numeric data with commas