5
好的，我找到了一個我認爲我需要的例子。我無法弄清楚如何爲我的形象進行設置，我不確定這是否是實現我的目標的最佳方法。如何使用傳單從圖像中創建地圖
預期的結果：
http://maps.mixedbredie.net/leaflet/image.html
例如代碼：
var map = L.map('map', {maxZoom: 17}).setView([51.495, -0.075], 14);
/* Instead of a tile layer, use a bitmap image */
var imageUrl = 'data/TM_pano.jpg';
var imageBounds = [[51.490, -0.122], [51.510, -0.028]];
L.imageOverlay(imageUrl, imageBounds).addTo(map);
L.marker([51.495, -0.075]).addTo(map)
.bindPopup("This is Table Mountain.");
var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(map);
}
map.on('click', onMapClick);
map.setMaxBounds(imageBounds);
問題：
1）如何選擇經度/緯度，圖像邊界？
- 即.setView（[51.495，-0.075]，14）
- 變種imageBounds = [[51.490，-0.122]，[51.510，-0.028]];
2.） zoom zoom 0顯示我的整個圖像？什麼是合理的限制？
3.）我可以用這種方法使用真實座標嗎？即在地下繪製水管，但使用該管道示意圖的自定義.jpg？然後，我可以將標記放在管道上，用於某些長/拉特。