Me inspiró esta imagen de Wikipedia de la página de proyecciones de mercator para hackearla con un folleto. La idea era que el cursor se moviera de forma interactiva por un continente y que se corrigiera para la proyección.
Consulte el siguiente JSFiddle para ver el estado de sofar;
http://jsfiddle.net/cantdutchthis/NrAEL/1/
Soy un poco nuevo en el mundo de las proyecciones y aunque la demostración funciona lo suficientemente bien para la latitud. Cuando comparo la proyección equirectangular y la de mercator en wikipedia, tengo la impresión de que el sesgo de la proyección solo está en el 'eje y' cuando se comparan estas dos proyecciones.
Tengo la impresión de que no estoy corrigiendo la longitud debido a la primera imagen de Wikipedia. Me gustaría apoyar esto, pero no sé cuál es la mejor manera de hacerlo.
Actualmente, la forma en que puedo mostrar el sesgo de la proyección de mercator es cambiando las coordenadas al cursor del mouse cada vez que el mouse se mueve;
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);
});
¿Cuál sería la mejor manera de tener este diagrama de folleto interactivo también muestra el efecto como se muestra en wikipedia ?
- Editar!
Para más ejemplos vea mi blog; http://koaning.com