javascript – google map como image de desplazamiento

Quiero build un scroller de image que funcione como google map. Cuando el website se carga por primera vez, habrá un cuadro de visualización en el medio de la página que contiene parte de una image. Un usuario puede hacer clic y arrastrar la image, que se desplaza, para inspeccionar otras áreas de la image. Si el usuario se desplaza más allá del perímetro de la image, el cuadro cargará una image adyacente. También quiero superponer estas imágenes con marcadores en los que el usuario puede hacer clic para acercarse y get más detalles.

¿Hay una biblioteca que hace lo que quiero ya? ¿O algo parecido a lo que quiero para poder empezar a personalizarlo? ¿O si tengo que build desde cero, cualquier sugerencia sobre el enfoque general a tomar?

Me gusta usar la biblioteca jquery, por lo que cualquier cosa creada con jquery sería increíble.

Eche un vistazo al plugin jQuery Overscroll .

No creo que esto haga todo lo que está buscando, pero podría ser un buen lugar para comenzar: SpryMap

¡He usado OpenLayers para proyectos similares a este y funciona genial! No basado en jQuery sin embargo.

Proporciona maps gratuitos, pero también puede tener sus propias imágenes.

Solo para algunas ideas de layout a tener en count al escribir / encontrar su solución:

Hay dos forms de hacerlo, una con múltiples imágenes fragmentadas que se cargan previamente cuando el usuario se desplaza cerca de ellas, y la otra que es más simple y carga una image grande.

Si su (s) image (es) es muy grande, debe optar por una solución que precarga segmentos ya que será mucho más fácil de usar si puede hacerlo sin problemas.

¡La image grande ralentizará significativamente algunas computadoras / dispositivos mobilees!

Si construiste algo tú mismo, probablemente no podría ser puro jQuery. Querrá escribir un script de server que procese sus imágenes grandes en segmentos que almacena en caching o que sirva segmentos sobre la marcha. Ese es el punto en el que puede comenzar a usar jQuery para controlar qué se carga y cuándo.

Creo que CraftMap parece proporcionar lo que estás pidiendo. Pero no estoy seguro si es compatible con el zoom.