So legen Sie die Projektion für GeoJSON in openlayers3?

Meine Absicht ist zum laden von GeoJSON-Daten und zeigt Sie auf der Karte. Koordinaten des features angegeben in GeoJSON sind normal lon/lat. Aus irgendeinem Grund openlayers ist, wodurch Sie mit der Projektion verwendet, die von der Karte und ohne Konvertierung.

//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
    })
});

Den Punkt gerendert wird in der Mitte der Karte. Indem Sie mehrere Punkte, die ich festgestellt, dass Sie sind in der Tat relativ zueinander verschieben, aber durch eine kleine Menge, die führt mich zu glauben, dass die aus irgendeinem Grund die Karte verwendet ein anderes Koordinatensystem für Sie.

Was ich versucht habe:
Einstellung crs im GeoJSON, bietet defaultDataProjection option zum formatieren. Ich benutze openlayers v3.8.2 und alle Lösungen, die ich online gefunden haben, sind sehr veraltet (und soweit ich sehen kann die API verwendet werden, um so besser, vielleicht sollte ich einfach wechseln Sie zu einem alten version).

InformationsquelleAutor boreq | 2015-09-08
  1. 6

    Einfach ein featureProjection zu Lesen features wie:

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

    UPDATE:
    Beim Lesen der features von url ist sogar noch einfacher, OL ermöglicht die Konvertierung intern für Sie:

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

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

    • Das half ein bisschen - die Punkte verschieben und verteilen sich nun aber immer noch nicht mit den Orten auf der Sat-Karte im hintergrund. Auch diese Methode würde nicht funktionieren, wenn das laden mit einem url parameter, nehme ich an, dass ich zum download der Daten auf meine eigene, und es ist nicht möglich, nur die Projektion in die Quelle?
    • Ich bin dabei zu akzeptieren diese Antwort, weil es vielleicht richtig ist, und ich bin derjenige, der Probleme hat. Ich werde wechseln zu einer anderen Bibliothek oder so etwas schreiben auf meinem eigenen sowieso, weil trotz einer version 3.8.2 dies scheint man zu schlecht dokumentiert ist und halb fertig.
    • Danke Mann, deine Antwort, die mir geholfen in der Zeichnung Formen von GeoJSON-Daten.
    • Bei der Nutzung der ersten version dieser Antwort, dataProjection gegeben werden sollte, zusammen mit featureProject. Siehe die Antwort
    InformationsquelleAutor Jonatas Walker
Schreibe einen Kommentar