顯示點擊後的功能名稱矢量圖層

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

希望這有助於