전단지의 메르카토르 바이어스 플롯


9

메르카토르 프로젝션 페이지 의이 위키 백과 이미지에서 영감을 얻어 전단지로 해킹했습니다. 아이디어는 대화식으로 커서를 대륙으로 이동시키고 투영에 맞게 수정하는 것이 었습니다.

상태 소파는 다음 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


1
좋은 생각 ! 맞습니다. 메르카토르를 사용하면 자오선 사이의 간격이 어디에 있든 유지되므로 다각형을 이동할 때 상대적인 길이 범위가 변경되지 않아야합니다.
radouxju

DRTL. 프랭크의 형제?
Willy

대단해, 나는 이것을 수업 시간에 사용할 수 있습니다.
모르는 경우

koaning.com 에 최신 블로그 게시물이 있습니다. 사람들이 좋아하는 것을 기쁘게 생각합니다.
Vincent Warmerdam

“투사에 대해 수정되었다”는 것은 정확히 무엇을 의미합니까? 또한 코드의 목적은 무엇입니까? 질문에 아무것도 추가하지 않는 것 같습니다.
Martin F

답변:


1

이동 가능한 영역의 상대 위도와 상대 경도를 모두 변경하여 동일한 새 위도에있는 다른 영역의 경우와 마찬가지로 각 상대 좌표가 왜곡되는 것처럼 보입니까? 그렇다면 @radouxju가 올바르지 않으며 현재 절반 밖에 없습니다. 메르카토르와 같은 등각 투영의 정의 특성 중 하나는 지구본 /지도의 어느 지점에서나 선형 스케일 팩터가 모든 방향에서 일정하다는 것입니다. 따라서 이동할 때 Y 스케일을 변경하면 X 스케일도 변경해야합니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.