Używanie ulotki do tworzenia mapy z obrazu

Question

OK, znalazłem przykład dokładnie tego, co myślę, że wymagam. Nie mogę się dowiedzieć, jak skonfigurować to dla mojego wizerunku i nie jestem pewien, czy jest to najlepsze podejście do osiągnięcia mojego celu.

zamierzonego rezultatu:

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

Przykład 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); 

pytania:

1) Jak wybrać długość/szerokość, granice obrazu?

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

2.) Czy powiększenie 0 pokazuje cały obraz? Jakie są rozsądne granice?

3.) Czy mogę używać rzeczywistych współrzędnych z tym podejściem? Czyli mapowanie rury wodnej pod ziemią, ale przy użyciu niestandardowego .jpg tego schematu rur? Wtedy mógłbym umieścić znaczniki na rurze dla pewnych długich/łatów.

Answer 1

Patrz: http://omarriott.com/aux/leaflet-js-non-geographical-imagery/ dla pytania 1 i 2 Po trzecie, można georeferencję (lub zniekształcenie) obrazu, a następnie wyświetlić go na mapie, na przykład ustawiając przezroczystość. georeferencing można zrobić z QGIS lub narzędzia jak Mapwarper https://github.com/timwaters/mapwarper

(stare pytanie, ale myślę, że odpowiedź może być przydatne)