Tratando de limitar la panorámica en mi cuadro de visualización de svg a la esquina inferior derecha del svg cuando se hace zoom. Ya he visto algunas preguntas similares aquí, pero todavía tengo que encontrar una respuesta que funcione.

En mi código a continuación, verá que el zoom funciona, pero con la extent y la extensión de translateExtent , la panorámica deja de funcionar. Tan pronto como comento estas 2 funciones, la panorámica funciona, pero los límites son incorrectos (son las coordenadas de la esquina inferior derecha del svg, pero esto hace que todo el svg esté fuera de la vista). Entiendo que la extent actual y los valores de translateExtent probablemente sean incorrectos, pero he jugado con muchos valores diferentes y no he podido ver ninguna coherencia lógica con la que trabajar. Por ejemplo, al establecer la extensión de translateExtent en, digamos, [[0,0], [3000, 3000]] , esperaría que la panorámica fuera mucho mayor de lo normal y pudiera desplazarse fuera de la pantalla, sin embargo, ¿la panorámica simplemente deja de funcionar por completo?

Claramente estoy malinterpretando algo aquí. Por favor, ¿alguien puede decirme dónde me estoy equivocando? Gracias.

Código en vivo aquí: https://jsfiddle.net/9b7w4z58/1/

La imagen a continuación ilustra cómo pretendo que se vea el svg cuando se panoramiza completamente.