Saya terinspirasi oleh gambar wikipedia ini dari halaman proyeksi mercator untuk mencari-cari selebaran. Idenya adalah untuk secara interaktif membuat kursor Anda memindahkan benua dan bahwa itu akan dikoreksi untuk proyeksi.
Lihat JSFiddle berikut untuk sofat status;
http://jsfiddle.net/cantdutchthis/NrAEL/1/
Saya agak baru di dunia proyeksi dan meskipun demo bekerja cukup baik untuk garis lintang. Ketika saya membandingkan proyeksi equirectangular dan mercator di wikipedia saya mendapat kesan bahwa bias proyeksi hanya pada 'sumbu y' ketika Anda membandingkan dua proyeksi ini.
Saya mendapat kesan bahwa saya tidak mengoreksi garis bujur karena gambar wikipedia pertama . Saya ingin mendukung ini tetapi saya tidak tahu apa cara terbaik untuk melakukan ini.
Saat ini cara saya dapat menunjukkan bias proyeksi mercator adalah dengan menggeser koordinat ke kursor setiap kali mouse bergerak;
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);
});
Apa yang akan menjadi cara terbaik untuk memiliki plot selebaran interaktif ini juga menunjukkan efek seperti yang ditunjukkan pada wikipedia .
- Edit!
Untuk lebih banyak contoh, lihat blog saya; http://koaning.com