Openlayers 4.6如何添加透明图片对象到地图中?
Openlayers 4的插入图片对象方式有了一些改变,之前版本的bounds属性,已经没有了。但是思路是一样的,定义一个指定的区域,将图片贴进去,最后加入到图层中。代码如下:
var imageExtent = [12981061.897802796-500, 4876961.53119492-500, 12981061.897802796+500, 4876961.53119492+500];
var image = new ol.layer.Image({
source: new ol.source.ImageStatic({
url: './img/radar.png',
crossOrigin: '',
projection: 'EPSG:27700',
imageExtent: imageExtent
})
});
map.addLayer(image);
其中map是定义好的ol的对象。
var map = new ol.Map({
target: 'map',
...});