OK, tôi đã tìm thấy một ví dụ về chính xác những gì tôi nghĩ rằng tôi yêu cầu. Tôi không thể tìm ra cách thiết lập hình ảnh của mình và tôi không chắc liệu đây có phải là cách tiếp cận tốt nhất để đạt được mục tiêu của tôi hay không.Làm thế nào để sử dụng Leaflet để tạo một bản đồ ra khỏi một hình ảnh
Kết quả Dự định:
http://maps.mixedbredie.net/leaflet/image.html
Ví dụ Code:
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);
Câu hỏi:
1.) Cách chọn kinh độ/vĩ độ, giới hạn hình ảnh?
- ví dụ .setView ([51,495, -0,075], 14)
- var imageBounds = [[51,490, -0,122], [51,510, -0,028]];
2.) Nên thu nhỏ 0 hiển thị toàn bộ hình ảnh của tôi? Giới hạn hợp lý là gì?
3.) Tôi có thể sử dụng tọa độ thực với phương pháp này không? tức là Lập bản đồ một đường ống ngầm dưới lòng đất nhưng sử dụng tùy chỉnh .jpg của đường ống đó? Sau đó, tôi có thể đặt các dấu trên ống cho một số con chuột dài.