我希望在单张中点击谷歌地图上的特定弹出窗口时,在灯箱中放大图像,以及如何调整地图大小可调整大小
这是我的代码
<body>
<div id="map" style="width: 600px; height: 400px"></div>
<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
var map = L.map('map').setView([42.307755, -83.067849], 13);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', {
maxZoom: 18,
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
'Imagery © <a href="http://mapbox.com">Mapbox</a>',
id: 'mapbox.streets'
}).addTo(map);
var ly=L.marker([45.307755, -89.067849]).addTo(map)
.bindPopup("<b>U</b><br /> k").openPopup();
var ln=L.marker([45.305422, -83.065374]).bindPopup('Tower').addTo(map);
</script>
</body>