OpenLayers 3でマーカーを表示
OpenLayers 3でol.geom.Pointが示す位置にマーカーを表示しようとしていますが、意図した位置に表示されません。
以下のように記述しましたが、どうやら[0,0]の位置に表示されているようです。
ol.geom.Pointが示す位置にマーカーを表示するにはどのようにすればよいのでしょうか?
var pos = map.getView().getCenter();
var point = new ol.geom.Point(pos, 'XY');
var pointer = new ol.Feature({
geometry: point
});
var iconStyle = new ol.style.Style({
image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
anchor: [0.5, 1],
anchorXUnits: 'fraction',
anchorYUnits: 'fraction',
opacity: 0.85,
src: 'data/marker.png'
}))
});
pointer.setStyle(iconStyle);
var vectorSource = new ol.source.Vector({
features: [pointer]
});
var vectorLayer = new ol.layer.Vector({
source: vectorSource
});
map.addLayer(vectorLayer);