将geojson图层添加到openlayers 3

时间:2015-09-25 19:35:15

标签: javascript geojson openlayers-3

我已经对此进行了几个不同的例子,似乎没有任何工作。我试图简单地使用GeoJSON作为源在地图上绘制一个点。这是我现在拥有的:

var Chat = require('./Chat'),
    Chat = new Chat(io, socket);

this.map指的是正在运行的ol.Map对象。这总体看起来像很多代码来做一些看似微不足道的事情(也许我做错了什么?)。

1 个答案:

答案 0 :(得分:2)

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/