Leaflet 在传单中显示非矩形图像

Leaflet 在传单中显示非矩形图像,leaflet,Leaflet,有没有办法在传单中覆盖非矩形图像?图像边缘不会形成90度角 这些图像来自Modis。我正在显示openstreetmap中的底图,并使用L.ImageOverlay功能添加图像L.ImageOverlay只接受由2个点指定的边界。它假设图像是矩形的,但来自Modis的图像是非矩形的,即角点形成的角度是锐角或钝角,因此边界实际上应至少包含3个点 下面是代码片段 var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',

有没有办法在传单中覆盖非矩形图像?图像边缘不会形成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)  
var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
osmAttrib='©;投稿人,,
osm=L.tileLayer(osmUrl,{maxZoom:8,attribution:osmAttrib});
var map=新的L.map('map');
map.addLayer(osm);
var ovr=newl.ImageOverlay('../myimg.jpeg',边界,{opacity:1,interactive:true});
map.addLayer(ovr)

刚刚做了。谢谢多亏了Ivan Sanchez,这里有一个解决方案:-另请参阅,特别是