Zainspirował mnie ten obraz wikipedii ze strony projekcji mercatora, aby siekać z ulotką. Chodziło o to, aby interaktywnie przesuwać kursor o kontynent i aby został skorygowany o projekcję.
Zobacz następujący JSFiddle dla statusu sofar;
http://jsfiddle.net/cantdutchthis/NrAEL/1/
Jestem trochę nowy w świecie projekcji i chociaż demo działa wystarczająco dobrze dla szerokości geograficznej. Kiedy porównuję rzut prostokąta i mercatora na wikipedii, mam wrażenie, że odchylenie projekcji jest tylko na „osi y”, gdy porównasz te dwa rzuty.
Mam wrażenie, że nie poprawiam długości geograficznej ze względu na pierwsze zdjęcie w Wikipedii. Chciałbym to poprzeć, ale nie wiem, jaki jest najlepszy sposób, aby to zrobić.
Obecnie jestem w stanie pokazać odchylenie projekcji mercatora, przesuwając współrzędne do kursora myszy za każdym razem, gdy mysz się porusza;
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);
});
Jaki byłby najlepszy sposób, aby ta interaktywna fabuła ulotek również pokazała efekt pokazany na wikipedii .
-- Edytować!
Więcej przykładów można znaleźć na moim blogu; http://koaning.com