Monday, September 07, 2015

Synchronized Map and Globe

Map & Globe synchronizes a Leaflet map with a D3 globe. Pan around on either map and the other map will move to show the same map center.

That's all it does - but I like it. If you wanted you could use the code from Map & Globe to create a small inset globe on a Leaflet map, to show the global position of the current Leaflet map center. Or you could use them the other way round - to provide a small inset Leaflet map in the corner of a D3 globe.

A neat design feature is that both maps use the same simple black & white map colors. If you wanted to use a different map tile set in the Leaflet map it should be a simple task to change the colors in the D3 globe to match the two dominant colors in your Leaflet map.

No comments: