Javascript 如何在openlayers 3中显示geojsonObject的source.Vector?

Javascript 如何在openlayers 3中显示geojsonObject的source.Vector?,javascript,openlayers-3,geojson,Javascript,Openlayers 3,Geojson,我正在用openlayers做测试,我不知道如何显示地图中包含点的source.Vector。当我从“url”获取geojson时,它工作得很好,但不是这样。(应显示蓝色圆圈,但不显示任何内容) 问题在哪里?这种风格可能没有得到很好的实施? 提前谢谢 我遵循了这个示例的部分内容: Codepen:已解决:geojsonObject定义必须没有“新ol.Feature”。但是只要:geojsonObect={}已解决:geojsonObject定义必须没有“newol.Feature”。但是只是:

我正在用openlayers做测试,我不知道如何显示地图中包含点的source.Vector。当我从“url”获取geojson时,它工作得很好,但不是这样。(应显示蓝色圆圈,但不显示任何内容)

问题在哪里?这种风格可能没有得到很好的实施? 提前谢谢

我遵循了这个示例的部分内容:


Codepen:

已解决:geojsonObject定义必须没有“新ol.Feature”。但是只要:geojsonObect={}已解决:geojsonObject定义必须没有“newol.Feature”。但是只是:geojsonObect={}
var geojsonObject = new ol.Feature ({
              "type": "FeatureCollection",
              "features": [
                {
                  "type": "Feature",
                  "properties": {},
                  "geometry": {
                    "type": "Point",
                    "coordinates": [
                      self.coords[0].latitude,
                      self.coords[1].longitude
                    ]
                  }
                }
              ]
            });

            var source = new ol.source.Vector({
                features: (new ol.format.GeoJSON()).readFeatures(geojsonObject)
            });

var map = new ol.Map({
                target: 'map',
                layers: [
                    new ol.layer.Tile({
                        title: 'Global Imagery',
                        source: new ol.source.TileWMS({
                            url: 'http://demo.opengeo.org/geoserver/wms',
                            params: {LAYERS: 'nasa:bluemarble', VERSION: '1.1.1'}
                        })
                    }),
                    new ol.layer.Vector({
                        title: 'Location',
                        source: source,
                        style: new ol.style.Style({
                            image: new ol.style.Circle({
                                radius: 5,
                                fill: new ol.style.Fill({
                                    color: '#0000FF'
                                }),
                                stroke: new ol.style.Stroke({
                                    color: '#000000'
                                })
                            })
                        })
                    })
                ],
                view: new ol.View({
                    projection: 'EPSG:4326',
                    center: [0, 0],
                    zoom: 1
                })
            });