Sono stato ispirato da questa immagine di Wikipedia dalla pagina delle proiezioni di Mercatore per andare in giro con il volantino. L'idea era di far spostare interattivamente il cursore su un continente e che sarebbe stato corretto per la proiezione.
Vedere la seguente JSFiddle per lo stato sofar;
http://jsfiddle.net/cantdutchthis/NrAEL/1/
Sono un po 'nuovo nel mondo delle proiezioni e sebbene la demo funzioni abbastanza bene per la latitudine. Quando confronto la proiezione equirettangolare e quella del mercatore su Wikipedia, ho l'impressione che la distorsione della proiezione sia solo sull'asse y quando si confrontano queste due proiezioni.
Ho l'impressione che non sto correggendo la longitudine a causa della prima immagine di Wikipedia. Vorrei supportarlo, ma non so quale sia il modo migliore per farlo.
Attualmente il modo in cui sono in grado di mostrare il pregiudizio della proiezione del mercatore è spostando le coordinate sul cursore del mouse ogni volta che si sposta il mouse;
map.on("mousemove", function(d){
Object.keys(myLayer._layers).map(function(d){ myLayer.removeLayer( myLayer._layers[d] ) })
var plotCoords = [];
// green is the coordinate array for the landmass
var green = [ [-46.76373672, 82.62796021],... ]
for ( i in green ) {
// shift the landmass to where the cursor is
var x = d.latlng.lng + green[i][0] + 40
var y = d.latlng.lat + green[i][1] - 80
circleCoords.push( [ x,y ] );
}
window.coords = plotCoords
window.geojsonFeature = {
"type": "Feature",
"properties": {},
"geometry": {
"type": "Polygon",
"coordinates": [coords]
}
};
myLayer.addData(geojsonFeature);
});
Quale sarebbe il modo migliore per avere questo diagramma di opuscoli interattivi mostrare anche l'effetto, come mostrato su Wikipedia .
-- Modificare!
Per altri esempi vedi il mio blog; http://koaning.com