메르카토르 프로젝션 페이지 의이 위키 백과 이미지에서 영감을 얻어 전단지로 해킹했습니다. 아이디어는 대화식으로 커서를 대륙으로 이동시키고 투영에 맞게 수정하는 것이 었습니다.
상태 소파는 다음 JSFiddle을 참조하십시오.
http://jsfiddle.net/cantdutchthis/NrAEL/1/
나는 프로젝션 세계에서 조금 새롭고 데모는 위도에 충분하게 작동하지만. Wikipedia 의 등변 형 과 메르카토르 투영법 을 비교하면이 두 투영법을 비교할 때 투영의 바이어스가 'y 축'에만 있다는 인상을받습니다.
첫 위키 백과 사진 으로 인해 경도를 수정하지 않았다는 인상을 받았습니다 . 나는 이것을 지원하고 싶지만 이것을하는 가장 좋은 방법은 무엇인지 모른다.
현재 메르카토르 투영의 바이어스를 보여줄 수있는 방법은 마우스가 움직일 때마다 좌표를 마우스 커서로 이동시키는 것입니다.
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);
});
이 대화 형 전단지 도표를 작성하는 가장 좋은 방법 은 Wikipedia에 표시된 효과도 보여줍니다 .
-- 편집하다!
더 많은 예는 내 블로그를 참조하십시오. http://koaning.com