Tôi đã lấy cảm hứng từ hình ảnh wikipedia này từ trang dự đoán của người đánh thuê để hack xung quanh bằng tờ rơi. Ý tưởng là tương tác để con trỏ của bạn di chuyển một lục địa và nó sẽ được sửa cho phép chiếu.
Xem JSFiddle sau đây cho ghế tình trạng;
http://jsfiddle.net/cantdutchthis/NrAEL/1/
Tôi là một chút mới trong thế giới dự đoán và mặc dù bản demo hoạt động đủ tốt cho vĩ độ. Khi tôi so sánh phép chiếu tương đương và phép chiếu trên wikipedia tôi có cảm giác rằng độ lệch của phép chiếu chỉ nằm trên 'trục y' khi bạn so sánh hai phép chiếu này.
Tôi có ấn tượng rằng tôi không sửa lỗi cho kinh độ do hình ảnh wikipedia đầu tiên . Tôi muốn hỗ trợ điều này nhưng tôi không biết cách tốt nhất để làm điều này là gì.
Hiện tại cách tôi có thể chỉ ra sự thiên vị của phép chiếu Mercator là bằng cách dịch chuyển tọa độ sang mousecoder mỗi khi chuột di chuyển;
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);
});
Điều gì sẽ là cách tốt nhất để có cốt truyện tờ rơi tương tác này cũng cho thấy hiệu ứng như được hiển thị trên wikipedia .
-- Biên tập!
Để biết thêm ví dụ xem blog của tôi; http://koaning.com