Я создал карту с OpenLayers 3, используя статическое изображение. Он использует поддельную проекцию, чтобы карта могла использовать, чтобы правильно отображать слой, поскольку он измеряется в пикселях. Это код:OpenLayers, устанавливающий положение наложения на статическом изображении
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
});
Я очень новичок в этом, поэтому, если у кого-нибудь есть идея, как правильно установить положение, я буду благодарен.