Broşür projeksiyon sayfasından bu wikipedia görüntüsünden ilham aldım . Fikir etkileşimli olarak imlecinizin bir kıtayı hareket ettirmesini ve projeksiyon için düzeltilmesini sağlamaktı.
Durum durumu için aşağıdaki JSFiddle'a bakın;
http://jsfiddle.net/cantdutchthis/NrAEL/1/
Projeksiyon dünyasında biraz yeniyim ve demo enlem için yeterince iyi çalışmasına rağmen. Ben karşılaştırdığımızda Equirectangular ve merkator projeksiyon ben bu iki projeksiyonları karşılaştırdığımızda projeksiyon önyargı sadece 'y ekseninde' üzerinde olduğu izlenimini almak wikipedia üzerinde.
İlk wikipedia resmi nedeniyle boylamı düzeltmediğim izlenimini edindim. Bunu desteklemek istiyorum ama bunu yapmanın en iyi yolunun ne olduğunu bilmiyorum.
Şu anda, mercator projeksiyonunun sapmasını gösterebilmemin yolu, fare her hareket ettiğinde koordinatları fare imlecine kaydırmaktır;
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);
});
Bu interaktif broşür çizimine sahip olmanın en iyi yolu , wikipedia'da gösterildiği gibi etkiyi de gösterir .
-- Düzenle!
Daha fazla örnek için bloguma bakın; http://koaning.com