leaflet在地图上加载本地图片

<link href="~/Scripts/Leaflet/leaflet.css" rel="stylesheet" />
<script src="~/Scripts/Leaflet/leaflet.js"></script>
<div id="myMap" style=" height: 600px;"></div>
<script type="text/javascript">
var mymap = L.map('myMap').setView([29.564841, 106.532646], 14);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: ' &copy; OpenStreetMap'
}).addTo(mymap);
var url = "../Content/Image/243.jpg";
var imageBounds = [[29.551661, 106.520968], [29.570268, 106.546695]];
L.imageOverlay(url, imageBounds, { opacity :0.5}).addTo(mymap);
</script>

 效果：

 

转载于:https://www.cnblogs.com/jin-/p/10122099.html