OpenLayers 8.1手动添加GeoJSON要素无法渲染问题求助

问题根源在于坐标系不匹配：

• GeoJSON的默认坐标系是EPSG:4326（WGS84经纬度），而你的地图使用的是OSM默认的EPSG:3857（Web墨卡托）坐标系。
• 使用source.setUrl()加载数据时，OpenLayers会自动完成坐标系转换；但手动调用readFeatures()时，默认不会执行转换，导致要素坐标仍为EPSG:4326，无法在EPSG:3857的地图上正确显示。

解决方法 #

在调用readFeatures()时，显式指定目标投影为地图使用的EPSG:3857：

修改这部分代码：

const features = format.readFeatures(json)

为：

const features = format.readFeatures(json, {
  featureProjection: 'EPSG:3857'
})

验证说明 #

你可以打印两种模式下要素的坐标值对比：

• useGood=true时，要素坐标是EPSG:3857格式的大数值（例如对应经纬度[0,0]的坐标是[0,0]，其他区域会是几十万级的数值）。
• 原始useGood=false的代码中，要素坐标是EPSG:4326的经纬度范围（例如[-180, 90]到[180, -90]），在EPSG:3857的地图视图中，这些坐标会被缩到几乎不可见的范围。

内容的提问来源于stack exchange，提问作者user3722952