如何使用传单和Javascript在地图上添加图像

如何使用传单和Javascript在地图上添加图像,javascript,leaflet,leaflet.draw,Javascript,Leaflet,Leaflet.draw,我正在寻找一种使用Javascript将图像添加到“传单地图”的方法 我要做的是加载图像,调整其大小和位置,并将其附加到传单地图上。下面是一个基本演示,演示如何使用添加图像 通过提供imageBounds //地图的中心 var中心=[-33.8650151.2094]; //创建地图 var map=L.map(‘map’).setView(中间,5); //设置OSM层 蒂莱耶( 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{ 属

我正在寻找一种使用Javascript将图像添加到“传单地图”的方法


我要做的是加载图像,调整其大小和位置,并将其附加到传单地图上。

下面是一个基本演示,演示如何使用添加图像

通过提供
imageBounds

//地图的中心
var中心=[-33.8650151.2094];
//创建地图
var map=L.map(‘map’).setView(中间,5);
//设置OSM层
蒂莱耶(
'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
属性:“数据©”,
最大缩放:18
}).addTo(地图);
//在给定位置添加标记
L.标记(中间)。添加到(地图);
L.标记([-35.8650154.2094])。添加到(地图);
var imageUrl=https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Sydney_Opera_House_-_Dec_2008.jpg/1024px-Sydney_Opera_House_-_Dec_2008.jpg',
imageBounds=[center,[-35.8650154.2094]];
L.imageOverlay(imageUrl,imageBounds).addTo(map)
html,
身体{
身高:100%;
}
#地图{
身高:100%;
}


欢迎来到SO,我们将在这里帮助您修复“尝试”。请描述你到目前为止做了什么,你被困在哪里等,以便有人能帮助你。想知道如何问一个好问题吗?遵循以下指南:这就是你要找的吗?