2012-03-14 2 views
0

Google Maps API를 사용하는 데 상당히 익숙하지만 gridded PNG 이미지의 오버레이를 Google Maps로 가져 오는 데 놀랐습니다. 여기에 URL이 있습니다 : http://www.nohrsc.noaa.gov/~lkarsten/Alaska_SWE.html.Google Maps API V3의 사용자 정의 오버레이 왜곡

표시되는 이미지 위에 약간의 배경이 있습니다. 그것은 눈금이 48.0 - 72.0도, 경도가 -126.0 ~ -168.0 도인 이미지의 범위로 0.01도 위도/경도 해상도의 설수 값을 나타내는 격자 화 된 PNG 파일입니다.

지상 오버레이 기능 (google.maps.GroundOverlay)을 사용하면 이미지가 올바르게 오버레이됩니다. 이 URL은 google.maps.GroundOverlay : http://www.nohrsc.noaa.gov/~lkarsten/Alaska_SWE.html.20120312을 사용하여 올바른 오버레이 위치를 지정합니다.

하지만 불투명도와 같은 오버레이에 기능을 추가하고 싶습니다. GroundOverlay 함수로는 할 수 없으므로 google.maps.OverlayView 기능을 사용하고 있지만 이미지에 이상한 왜곡. 익스텐트는 괜찮은 것처럼 보이지만 이미지가 중간에 늘어져있는 것처럼 보입니다. 이미지는 위도/경도 좌표로 생성되었으므로 이미지가 이런 방식으로 왜 왜곡되는지 잘 모르겠습니다. 아마도 Google Maps API Mercator 예측과 관련이있을 것입니다.

이전에이 문제가 발생 했나요?

답변

0

GroundOverlay는 API 참조에 따라 불투명도를 지원합니다. GroundOverlay 클래스는 이미지를 여러 div로 슬라이드시켜 넓은 영역의 왜곡을 최소화합니다. 사용자 정의 클래스를 원한다면 비슷한 논리를 구현해야합니다.

관련 문제