Quiero visualizar un diagrama enorme que se dibuja en un lienzo HTML5. Como se muestra a continuación, imaginemos el mapa del mundo, es imposible visualizarlo todo al mismo tiempo con un detalle "decente". Por lo tanto, en mi lienzo me gustaría poder desplazarme sobre él usando el mouse para ver los otros países que no son visibles.

¿Alguien sabe cómo implementar este tipo de paneo en un lienzo HTML5? Otra característica sería el acercamiento y alejamiento.

 He visto algunos ejemplos, pero no pude hacer que funcionaran ni se unieron para responder mi pregunta.

¡Gracias por adelantado!