Openlayers 3 OpenLayers设置覆盖在静态图像上的位置

我已经创建了一个使用静态图像的OpenLayers 3地图。它使用假投影，因此地图可以使用它来正确显示以像素为单位的图层。代码如下：

var pixelProjection = new ol.proj.Projection({
  code: 'pixel',
  units: 'pixels',
  extent: [0, 0, 1389, 1070]
});


var map = new ol.Map({
  layers: [
    new ol.layer.Image({
      source: new ol.source.ImageStatic({
        url: 'http://s25.postimg.org/4o15oqbmn/jdgf.jpg',
        imageSize: [1389, 1070],
        projection: pixelProjection,
        imageExtent: pixelProjection.getExtent()
      })
    })
  ],
  target: 'map',
  view: new ol.View2D({
    projection: pixelProjection,
    center: ol.extent.getCenter(pixelProjection.getExtent()),
    zoom: 2
  }) 
});

我试图添加标记覆盖以添加更多交互，但是我很难指定位置，标记位于地图之外，而不是我要放置它的内部

var marker = new ol.Overlay({
    position: [200, 200],
    element: document.getElementById('marker'),
    stopEvent: false
});

我对此非常熟悉，因此，如果有人知道如何正确设置位置，我将非常感激。

以此为例，我能够在静态图像的中心添加一个标记，如下所示：

var iconFeature = new ol.Feature({
    geometry: new ol.geom.Point([700, 700])
});

var iconStyle = new ol.style.Style({
    image: new ol.style.Icon({
        src: 'http://ol3js.org/en/master/examples/data/icon.png'
    })
});

iconFeature.setStyle(iconStyle);

var vectorSource = new ol.source.Vector({
    features: [iconFeature]
});

var vectorLayer = new ol.layer.Vector({
    source: vectorSource
});