在Openlayers3中的图层上拖动,调整大小和旋转图像

时间:2017-10-05 10:49:09

标签: javascript image openlayers openlayers-3

我希望能够在Openlayers3上拖动,调整大小并在图层上旋转图像。图像必须独立于图层。 我尝试使用以下方法将图像渲染为图层:

var extent = map.getView().calculateExtent(map.getSize());

var imageLayer = new ol.layer.Image({opacity: 0.5});
var imageSource = new ol.source.ImageStatic({
    url: 'https://dummyimage.com/600x400/faf7fa/0011ff',
    imageExtent: extent
});

imageLayer.setSource(imageSource);
map.addLayer(imageLayer);

不幸的是,我没有找到任何关于将图像层拖到其他图层上的可能性的线索。

此外,我不想将图片加载为HTML元素。我希望它成为OL画布的一部分。

我如何实现这一目标?

1 个答案:

答案 0 :(得分:0)

我相信像this之类的东西可以指向正确的方向。它没有你想要的那么灵活,但它可以帮助你一点。