Я так понял OSM изначально может работать только с EPSG:3857, но данные в geojson хранятся в EPSG:4326.
var geojsonObject = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {},
"geometry": {
"type": "LineString",
"coordinates": [[40, 52.70], [116.20, 70]]
}
}
]
};
var vectorSource = new ol.source.Vector({
features: (new ol.format.GeoJSON()).readFeatures(geojsonObject)
});
var vectorLayer = new ol.layer.Vector({
source: vectorSource
});
var rasterLayer = new ol.layer.Tile({
source: new ol.source.OSM()
});
var map = new ol.Map({
layers: [rasterLayer, vectorLayer],
target: document.getElementById('map'),
view: new ol.View({
projection: 'EPSG:3857',
center: [37.61, 55.75],
zoom: 4
})
});
В таком случае карта отображается нормально, но линия рисуется в координатах [0, 0]
Если же поменять проекцию на EPSG:4326
var map = new ol.Map({
layers: [rasterLayer, vectorLayer],
target: document.getElementById('map'),
view: new ol.View({
projection: 'EPSG:4326',
center: [37.61, 55.75],
zoom: 4
})
});
карта начинает жутко лагать, долго подгружаться и верхняя часть растянута, но зато правильно рисуется линия
Подскажите, как правильно работать с geojson в 4326
PS много постов видел про использование ol.source.GeoJSON, но у меня выдает ошибку ol.source.GeoJSON is not a constructor