Come usare il Leaflet per creare una mappa da un'immagine

Question

OK, ho trovato un esempio di esattamente quello che penso di cui ho bisogno. Non riesco a capire come configurarlo per la mia immagine e non sono sicuro che questo sia l'approccio migliore per raggiungere il mio obiettivo.

Risultato previsto:

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

esempio di codice:

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

Domande:

1.) Come scegliere la longitudine/latitudine, i limiti dell'immagine?

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

2.) Occorre zoom 0 mostrare la mia immagine intera? Quali sono i limiti ragionevoli?

3.) Posso utilizzare le coordinate reali con questo approccio? cioè mappare un tubo dell'acqua sottoterra ma usando un jpg personalizzato di quello schema di tubi? Quindi potrei mettere dei marcatori sul tubo per certi long/lats.

Answer 1

Vedere http://omarriott.com/aux/leaflet-js-non-geographical-imagery/ per la domanda 1 e 2 Per la terza, è possibile georeferenziare (o deformare) l'immagine e quindi visualizzarla su una mappa, ad esempio impostando la trasparenza. La georeferenziazione potrebbe essere fatto con Qgis o uno strumento come Mapwarper https://github.com/timwaters/mapwarper

(vecchia questione, ma credo che una risposta potrebbe essere utile)