Question

我的目的是加载GeoJSON数据并将其显示在地图上。 GeoJSON中指定的要素的坐标是正常的lon / lat。由于某些原因，openlayers使用地图使用的投影渲染它们而不转换它们。

// Underlying sat layer.
var world = new ol.layer.Tile({
    source: new ol.source.MapQuest({layer: 'sat'})
});

// GeoJSON data.
var geojsonObject = {
    'type': 'FeatureCollection',
    'features': [
        {
            'type': 'Feature',
            'geometry': {
                'coordinates': [ 50.07539747, 19.76809501 ], 
                'type': 'Point'
            },
        }
    ]
};

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

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

// Map.
map = new ol.Map({
    target: 'map',
    layers: [world, vectorLayer],
    view: new ol.View({
        center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
        zoom: 2
    })
});

该点正在地图中间呈现。通过放置多个点，我确定它们实际上相对于彼此移动但是少量使我相信由于某种原因地图使用不同的坐标系统。

我尝试了什么：在GeoJSON中设置crs，提供defaultDataProjection格式选项。我使用的是openlayers v3.8.2，我在网上找到的所有解决方案都已经过时了（据我所知，API过去更好，也许我应该切换到旧版本。）

Answer 1

只需使用featureProjection即可阅读以下功能：

var vectorSource = new ol.source.Vector({
    features: new ol.format.GeoJSON().readFeatures(geojsonObject,{
        featureProjection: 'EPSG:3857'
    })
});

<强>更新：当从url读取功能更加容易时，OL会在内部为您进行转换：

var geojson_layer = new ol.layer.Vector({
    source: new ol.source.Vector({
        url: 'file.geojson',
        format: new ol.format.GeoJSON()
    })
});

演示 - http://plnkr.co/edit/GvdVNE?p=preview

如何在openlayers3中指定GeoJSON的投影？

1 个答案: