將geojson圖層添加到開放圖層3

Question

我已經通過了幾個不同的例子，並且似乎沒有任何工作。我試圖用GeoJSON作爲源在地圖上繪製一個點。這是我目前有的：

var staticGeo = new ol.source.GeoJSON(({ 
    object: { 
     type: 'Feature Collection', 
     crs: { 
      type: 'name', 
      properties: {name: 'EPSG:4326'} 
     }, 
     features: [{ 
      type: 'Feature', 
      geometry: { 
       type: 'Point', 
       coordinates: [0,0] 
      } 
     }] 
    }, 
    projection: 'EPSG:3857' 
    })); 

    var vectorSource = new ol.source.Vector({ 
     source: staticGeo 
    }); 

    var vectorLayer = new ol.layer.Vector({ 
     source: vectorSource, 
     style: new ol.style.Style({ 
      fill: new ol.style.Fill({ 
       color: 'rgba(255,255,255,0.2)' 
      }), 
      stroke: new ol.style.Stroke({ 
       color: 'blue', 
       width: 1 
      }) 
     }) 
    }) 

    this.map.addLayer(vectorLayer); 

this.map引用正在工作的ol.Map對象。這整體看起來像很多代碼做一些應該看似微不足道（也許我做錯了什麼？）。

Answer 1

從OL 3.5.0您將添加geojson這樣的：

var geojsonObject = { 
    'type': 'FeatureCollection', 
    'crs': { 
     'type': 'name', 
     'properties': { 
      'name': 'EPSG:4326' 
     } 
    }, 
    'features': [ 
     { 
      'type': 'Feature', 
      'geometry': { 
       'type': 'Point', 
       'coordinates': [21.54967, 38.70250] 
      } 
     } 
    ] 
}; 
var features = new ol.format.GeoJSON().readFeatures(geojsonObject, { 
    featureProjection: 'EPSG:3857' 
}); 
var vectorSource = new ol.source.Vector({ 
    features: features 
}); 

注意投影座標。

http://jsfiddle.net/jonataswalker/w5uuxhov/