Reputation: 1232
I've been trying to find a way to repeat a world map projection (at least 1x on each side) so that the edge of the map doesn't fall into whitespace - as per this example.
I'd like to do this without having to use tiles (every solution I've seen up to date used leaflet or google maps), hopefully this is possible with only d3.js?
EDIT: works like this http://bl.ocks.org/l-r/7952739
Upvotes: 1
Views: 947
Reputation: 109232
You would have to do exactly what you're saying -- add another projection next to the other one. This would essentially be tiling, but with SVGs (or whatever you're using to draw the map). The basic idea is to have several projections side-by-side with appropriate translations.
Alternatively, you could simply project onto a sphere, see e.g. this example.
Upvotes: 1