在openlayers3 javascript中单击地图获取功能信息

在openlayers3 javascript中单击地图获取功能信息,javascript,openlayers,openlayers-3,geoserver,gwt-openlayers,Javascript,Openlayers,Openlayers 3,Geoserver,Gwt Openlayers,我试图在示例的帮助下,使用openlayers 3javascript获取地图点击的特征信息 var mmi=新的ol.layer.Tile({ 来源:new ol.source.OSM() }); var one=新ol.layer.Image({ 来源:新ol.source.ImageWMS({ 网址:'http://localhost:8080/geoserver/wms', 参数:{'LAYERS':'cite:abc'}, 格式:新建ol.format.GeoJSON(), 比率:

我试图在示例的帮助下,使用openlayers 3javascript获取地图点击的特征信息


var mmi=新的ol.layer.Tile({
来源:new ol.source.OSM()
});
var one=新ol.layer.Image({
来源:新ol.source.ImageWMS({
网址:'http://localhost:8080/geoserver/wms',
参数:{'LAYERS':'cite:abc'},
格式:新建ol.format.GeoJSON(),
比率:1,
服务器类型:“地理服务器”
})
});
var map=新ol.map({
层:[mmi,一],
目标:“地图”,
视图:新ol.view({
中心:Lonlat的其他项目([73.6608,29.8820]),
缩放:8
})
});
映射打开('click',函数(evt){
var feature=map.forEachFeatureAtPixel(evt.pixel,函数(feature,one)
{
返回特性;
})
});

您可以获得如下功能信息:

map.on("singleclick", function (evt) {
  this.forEachFeatureAtPixel(evt.pixel, function (feature, layer) {
    console.log(feature.get("<property_key>"));
  });
});

您可以获得如下功能信息:

map.on("singleclick", function (evt) {
  this.forEachFeatureAtPixel(evt.pixel, function (feature, layer) {
    console.log(feature.get("<property_key>"));
  });
});

您正在研究针对您的用例的错误示例,您在使用Web地图服务(WMS)时需要一个


您正在为您的用例研究错误的示例,在使用Web地图服务(WMS)时,您需要一个


请先修复编译错误,有太多了!您的格式设置也已关闭,这可能是导致某些错误的原因<代码>叠加
未定义,
地图
的道具被乘以,
hdms
未定义,
++i
应为
i++
displayFeatureInfo
在单次单击侦听器中定义,过早结束,并且从未调用<代码>内容未定义,
坐标
未定义我没有收到任何编译错误。。map.forEachFeatureAtPixel(evt,功能(功能,一个)我已将您的代码转储转换为可执行文件。请查看并修复错误。请先修复编译错误,错误太多!您的格式设置也已关闭,可能是导致某些错误的原因。
overlay
未定义,
map
的道具成倍增加,
hdms
未定义,
+I
应该是
i++
displayFeatureInfo
在单点单击侦听器中定义,过早结束并且从未调用。
内容
未定义,
坐标
未定义我没有得到任何编译错误..map.forEachFeatureAtPixel(evt,函数(功能,一)我已将您的代码转储转换为已剪切的可执行文件。请查看并修复错误。假设有匹配的WFS服务可用于他们正在查询的WMS-可能有,可能没有。假设有匹配的WFS服务可用于他们正在查询的WMS-可能有,可能没有。