显示点击后的功能名称矢量图层

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>'); 
} 
}); 

希望这有助于