Question

我想在地图openLayers中显示geojson数据，但我的数据没有显示，甚至没有显示地图。我与openLayers 5合作。我有一个api（位于node.js中），可用来提取数据库中的数据。我有一个文件（script.js），它可以显示地图，恢复api发送的数据，并在地图上显示数据。

在script.js中：

我创建一个新的vectorLayer，其中包含geojson的样式：

a.reshape(9,9)

我请求我的API借助回调来恢复数据：

 var foncier2 = new VectorLayer({
source:source,
style: function (feature, res) {
  property = feature.get("nature");
  return new  Style({
    stroke: new Stroke({
      color: [40, 40, 40, 1],
      width: 0.3
    }),
    fill: new Fill({
      color: couleur(property)
    })
  })
},});

然后我创建一个函数，将数据转换为json，然后转换为GEOjson：

`
function loadJSON(callback) {
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
          if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
            console.log(this.responseText);
            callback(this.responseText);
          }
        };
        xhr.open("GET", "adressIP:port/endpoint", true);
        // xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.send(null);
      }`

最后我显示数据：

   var myData = JSON.parse(data);

var geojsonObject = {
 "type": "FeatureCollection",
 "crs": { "type": "name", "properties": { "name": "EPSG:4326" }},
 "features": [
   {
     "type": "Feature",
     "geometry": {
       "type": "Polygon",
       "coordinates":myData[2].geom
     }
   }
 ]};

但是
我的地图上没有任何显示，并且控制台日志中没有错误。

谢谢您的帮助

PS ：（我设法恢复了数据，看起来像that和the coordinates）

Answer 1

您正在为几何设置坐标（您的屏幕快照显示该坐标为多边形），而不是几何的坐标，并且不更新类型。试试这个：

var geojsonObject = {
 "type": "FeatureCollection",
 "crs": { "type": "name", "properties": { "name": "EPSG:4326" }},
 "features": [
   {
     "type": "Feature",
     "geometry": {
       "type": JSON.parse(myData[2].geom).type,
       "coordinates": JSON.parse(myData[2].geom).coordinates
     }
   }
 ]};

GEOjson未显示在我的地图openlayers中

1 个答案: