Question

我是Openlayers 3的新手。我从geojson文件导入矢量图层。我想在点击矢量图层后显示有关我的功能的信息。知道怎么做吗？

Answer 1

看看这些例子：

1）http://openlayers.org/en/v3.14.1/examples/vector-layer.html?q=overlay

2）http://openlayers.org/en/v3.14.1/examples/popup.html?q=overlay

不是将矢量信息放在地图旁边，而是将其放在您创建的弹出窗口<div>中。

Answer 2

为此，我使用here中的库。示例代码是

var popup = new ol.Overlay.Popup();
map.addOverlay(popup);

//handling Onclick popup
map.on('click', function(evt) {
 var feature = map.forEachFeatureAtPixel(evt.pixel,
   function(feature, layer) {
    return feature;
  });
 if (feature) {
    var coord = event.feature.getGeometry().getCoordinates();
    popup.show(coord, '<div><h2>Tilte</h2><p>' +feature.get('<property_in_single_quotes>')+ '</p></div>');  
}
});

希望这有帮助

单击VECTOR LAYER后显示功能名称

2 个答案: