如何在OpenLayers 3的弹出窗口中放置GeoJSON属性信息
我需要在弹出窗口中显示我的geojson文件中包含的信息。这是我的方法，但它给了我undefined。
我的GeoJson文件：
Surefire test这是我的方法
{ "type": "FeatureCollection", "features": [{ "type": "Feature", "properties": { "name": "Caen - Campus 3 "}, "geometry": { "type": "Point", "coordinates": [-0.353538,49.148791] } }, { "type": "Feature", "properties": { "name": "Caen "}, "geometry": { "type": "Point", "coordinates": [-0.369770,49.184403] } }
我点击它时创建弹出窗口显示'未定义'。我认为不要使用好方法将'name'对象包含在GeoJson文件中：var element = document.getElementById('popup');
var popup = new ol.Overlay({
element: element
});
map.addOverlay(popup)
map.on('click', function(evt){
var feature = map.forEachFeatureAtPixel(evt.pixel,
function(feature, layer) {
return feature;
});
if ( feature ) {
var geometry = feature.getGeometry();
var coord = geometry.getCoordinates();
var nom = feature.getProperties();
//var nam = nom.type;
popup.setPosition(coord);
$(element).popover({
'placement': 'top',
'html': true,
'content': '<p>'+feature.get('name')+'</p>'
});
$(element).popover('show');
} else {
$(element).popover('destroy');
}
});
我认为我没有使用最好的方法。谢谢您帮忙。