如何将geojson点添加到openlayers 3/4地图,并使其可单击以打开包含属性的弹出窗口?

如何将geojson点添加到openlayers 3/4地图,并使其可单击以打开包含属性的弹出窗口?,openlayers,openlayers-3,Openlayers,Openlayers 3,使用openlayers 3/4,我在绘制仅包含点的featurecollection时遇到问题。我想做的就是在地图上画一个点,当你点击它的时候,一个弹出窗口就会出现,它会显示一个属性 我得到的错误是: core.js:1448 ERROR-TypeError:a.Yf不是函数 在ol.js:152 我的代码是: let points = { "type": "FeatureCollection", "features": [{ "type": "Feature"

使用openlayers 3/4,我在绘制仅包含点的featurecollection时遇到问题。我想做的就是在地图上画一个点,当你点击它的时候,一个弹出窗口就会出现,它会显示一个属性

我得到的错误是: core.js:1448 ERROR-TypeError:a.Yf不是函数 在ol.js:152

我的代码是:

let points = {
    "type": "FeatureCollection",
    "features": [{
        "type": "Feature",
        "properties": {
            'text':'World',
            'id': 'Point 1'
        },
        "geometry": {
            "type": "Point",
            "coordinates": [somecoords]
        }
    }]
};

var thepoint = new ol.source.Vector({
    title: 'Hello Point',
    features: (new ol.format.GeoJSON()).readFeatures(points)
  });

  map.addLayer(thepoint);

问题是什么?我怎样才能做到这一点?错误一点也不清楚。

您的帖子中没有包含有关您合作伙伴的足够信息。一个显示问题的JSFIDLE示例使这些问题更容易解决

我建议遵循以下geoJSON示例:

请密切注意地图投影,如果您的geoJSON是正确的,并且您在地图上没有看到任何点,则您的投影很可能与所使用的坐标不符:

选择时,请参阅此文档:

这里的选择示例