У меня есть файл GeoJSON с именем mygeojson.json, и я хочу добавить его в качестве слоя в OpenLayers 3 поверх слоя openstreetmap. До сих пор я мог отображать мир openstreetmap, включая масштабирование и т. Д., Но по какой-то причине я не могу получить на нем mygeojson.json.
Геойсон содержит много полигонов и выглядит так:
{
"type": "FeatureCollection",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
"features": [
{ "type": "Feature", "properties": { "DN": 2 }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.559093915055664, 52.545214330050563 ], [ 13.559633429050496, 52.545205649772548 ], [ 13.559633415380715, 52.545214636296755 ], [ 13.559093915055664, 52.545214330050563 ] ] ] } }
]
}
мой main.html:
<!doctype html>
<html lang="en">
<head>
<link rel='stylesheet' href='http://ol3js.org/en/master/css/ol.css'>
<style>
#map {
height: 100%;
width: 100%;
}
</style>
<title>OpenLayers 3 example</title>
<script src="ol3/ol.js" type="text/javascript"></script>
</head>
<body>
<h1>My Map</h1>
<div id="map"></div>
<script type="text/javascript">
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
}),
new ol.layer.Vector({
title: 'added Layer',
source: new ol.source.GeoJSON({
projection : 'EPSG:4326',
url: 'mygeojson.json'
})
})
],
view: new ol.View({
center:[52.5243700 , 13.4105300],
zoom:2
})
});
</script>
</body>
</html>
Я также попытался удалить информацию о проекции, но безрезультатно.
источник
К вашему сведению ... Я считаю, что это изменилось для OL3 V3.5.0, поэтому ответ gcarrillo будет следующим:
Вы можете увидеть изменения здесь: https://github.com/openlayers/ol3/blob/master/changelog/upgrade-notes.md#v350
источник
OpenLayers Vector API сильно меняется. У меня есть рабочий образец с OpenLayers 3.16.0.
Важно, чтобы вы определили
featureProjection: 'EPSG:3857'
в опциях,readFeatures
как это:Ссылку можно найти по адресу https://github.com/openlayers/ol3/blob/master/changelog/upgrade-notes.md#v350.
Пример:
Примечание: styleFunction
источник