在传单中显示非矩形图像

时间:2017-04-04 16:06:16

标签: leaflet

有没有办法在传单中叠加非矩形图像?图像边缘不会成90度。

这些图片来自Modis。我正在从openstreetmap显示基本地图,并使用L.ImageOverlay函数添加图像。 L.ImageOverlay只需2分即可获得约束。它假设图像是矩形的,但是Modis的图像是非矩形的,即角落产生的角度是锐角或钝角,因此边界应该至少需要3个点。

以下是代码段

var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
    osmAttrib = '&copy; <a href="openstreetmap.org/copyright">OpenStreetMap</a>; contributors', 
    osm = L .tileLayer(osmUrl, { maxZoom : 8, attribution : osmAttrib });  
var map = new L.Map('map');  
map.addLayer(osm);  
var ovr = new L.ImageOverlay('../myimg.jpeg', bounds, {opacity : 1,interactive : true});  
map.addLayer(ovr)  

0 个答案:

没有答案