Resimden bir harita oluşturmak için Leaflet nasıl kullanılır

Question

Tamam, tam olarak istediğimi düşündüğüm bir örnek buldum. Görüntüüm için nasıl ayarlanacağımı anlayamıyorum ve hedefime ulaşmanın en iyi yolu olup olmadığından emin değilim.

Amaçlanan Sonuç:

http://maps.mixedbredie.net/leaflet/image.html

Örnek Kod:

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); 

Sorular:

1.) Boylam/enlem, görüntü sınırları nasıl seçilir?

• yani .setView ([51,495, -0,075], 14)
• var imageBounds = [[51,490, -0,122], [51,510, -0.028]];

2.) Yakınlaştırmalıyım 0 görüntünün tamamını göster? Makul sınırlar nelerdir?

3.) Bu yaklaşımla gerçek koordinatları kullanabilir miyim? yani yeraltındaki bir su borusunu haritalamak ama bu boru şemasının özel bir .jpg'sini kullanarak mı? Sonra belirli uzun/lat için boruya işaretleyiciler koyabilirdim.

Answer 1

Soru 1 ve 2 için http://omarriott.com/aux/leaflet-js-non-geographical-imagery/'a bakın. Üçüncüsü için, görüntüyü jeoreferans (veya çarpıtma) yapabilir ve sonra örneğin saydamlığı ayarlayarak bir harita üzerinde görüntüleyebilirsiniz. koordinatlandırma QGIS veya Mapwarper https://github.com/timwaters/mapwarper

gibi bir aracı ile yapılabilir (eski soruya, ama bir cevap yararlı olacağına kanaat) olabilir