Quali librerie di web mapping sono adatte per le mappe indoor? [chiuso]

Sto cercando una libreria di mappatura personalizzata ma non per visualizzare un'area geografica effettiva ma per visualizzare una pianta personalizzata. Ho cercato per un po ', ma la maggior parte delle soluzioni che ho trovato sono per aree geografiche.

Vorrei personalizzare alcuni livelli di zoom (probabilmente 3 livelli) e idealmente sto cercando una soluzione JavaScript, HTML5 (canvas, SVG).

Qualcuno ha qualche suggerimento?

Ho creato la mia app per mappe usando le mie mappe di immagini. La nostra università si è spostata in un nuovo campus e sto mappando 7 piani (al coperto), con 5 livelli di zoom, da mappe disegnate a mano.

Leaflet è in grado di lavorare con tessere mappa personalizzate! Ho seguito questa guida (omarriott.com/aux/leaflet-js-non-geographical-imagery), solo che ho fatto qualche prova ed errore con i numeri del livello di zoom per assicurarmi che la mappa venisse visualizzata (seguendo esattamente la guida no lavora per me).

C'è un plug-in chiamato Leaflet Indoor ma si basa su geoJson, che non avevo. Tutto quello che ho sono coordinate di immagini personalizzate e il mio Json personalizzato. Ad ogni modo, il volantino è in grado di convertire le coordinate dell'immagine in lat lng (e viceversa) con i metodi di proiezione e progetto.

Quello che ho fatto per creare piani diversi è stato invece usare il controllo layer. Naturalmente, ci vuole un po 'di tempo per capire l'API e assicurarsi che tutto funzioni come dovrebbe. Ad esempio, ho raggruppato i miei marker per ogni piano e ho codificato un modo per renderli piacevolmente attraverso diversi livelli di zoom. E caricare un piano diverso richiede anche un gestore per caricare correttamente i marker.

So che Leaflet ha molti esempi che si basano su mappe geografiche e può lasciare persone come noi al buio, ma voglio assicurarti che è possibile farlo per mappe personalizzate. Hai bisogno dell'immagine, affiancala correttamente (con i nomi corretti), caricala su una CDN come Amazon, quindi usa l'API Leaflet.

Non conoscendo il tuo caso d'uso, potresti voler dare un'occhiata alla libreria D3.js (Data Driven Documents) per la visualizzazione dei dati. Anche se non so se supporta "livelli di zoom" di per sé, ma supporta mappe zoomabili .

Dai un'occhiata ai loro numerosi esempi qui: https://github.com/mbostock/d3/wiki/Gallery

Tratta la pianta del pavimento come un'area geografica. OpenLayers o Leaflet non si preoccupano se le cose che stanno visualizzando sono interne o esterne - finché puoi definire un sistema di coordinate, andrà bene.