Ich versuche eine Anzahl von Kreisen auf einer OpenStreetMap mit OpenLayers 3 zu zeigen. Die Map wird korrekt angezeigt, aber ich sehe keine Kreise und bekomme keine JavaScript-Fehler. Ich benutze den folgenden Code:Circle Layer wird nicht in OpenLayers 3 angezeigt
<div id="map" class="map"></div>
<script type="text/javascript">
var circle = new ol.geom.Circle({
center: [-2.59394, 51.45271],
radius: 10
})
circle.transform('EPSG:4326', 'EPSG:3857');
var congestionLayer = new ol.layer.Vector({
source: new ol.source.Vector({
features: [new ol.Feature({
geometry: circle
})]
}),
style: new ol.style.Style({
fill: new ol.style.Fill({
color: "#000000"
})
}),
visible: true
})
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
}),
congestionLayer
],
view: new ol.View({
center: ol.proj.fromLonLat([-2.59394, 51.45271]),
zoom: 10
})
});
</script>
Was mache ich falsch?