Buongiorno,

dovrei creare un componente che deve permettere di navigare una mappa di una serie di edifici comprendenti palazzi e case. Tale e quale a google maps per le funzioni (Zoom, scroll e spostamento dell'immagine) ma con lo scopo di navigare l'immagine delle mappe (Che ho prontamente suddiviso in tiles per facilitare il caricamento e lo zoom differenziale)

La mia idea é quella di inserire un canvas in cui vado a caricare delle immagini affiancate che vanno a ricostruire la mappa completa.

Il problema che sorge é il seguente: come faccio a far spostare (scroll con il mouse) la serie di tiles che compongono l'immagine per scorrere gli edifici. (Esattamente come google)
Ho pensato di inserire un canvas in un canvas (oppure un canvas in un div) e spostare il canvas interno contentente l'immagine in modo che mi viene visualizzata solo la parte interessata e l'altra parte della mappa mi viene nascosta.

Pensate che sia una buona idea? È fattibile?

Sapete se esistono già dei componenti HTML5 realizzati che fanno questo?

Vi ringrazio in anticipo e vi saluto
Nicola