Development File to test zooming and panning of a map using d3.js.
The map pans automatically with a timer function and can be panned and zoomed with a mouse.
However, I’ve come up against a brick wallin my understanding since I can see that I’m panning and zooming the internal “g” element within the “svg” element.
Full disclosure: This is not my ultimate aim. What I really want is the ability to pan and zoom a Mercator style map, but to have its starting position centred on the international date line (in the middle of the pacific). For some reason this is problematic and I don’t understand why.