All examples By author By category About

d3noob

Test Zooming and panning of a Mercator map using d3.js.

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.