열린 레이어의 이미지 레이어

Question

오픈 레이어의 OpenLayers.Layer.Image을 사용하여 이미지 레이어를 만들어야합니다. 이미지는 당분간 정적 인 이미지입니다. 이미지는 캡처하려는 전체 영역을 나타냅니다. 나는 위도가 &이며, 이미지가 나타내는 영역의 모서리 점의 위도가 있습니다. 이 lat lon을 bounds로 놓으면 이미지가 늘어납니다.

경계가 정의 된 정적 이미지를 표시하는 방법을 알고 싶습니다. 확대를 시작하면 이미지가 확대됩니다.

Answer 1

당신이하고 싶은 일은 다소 복잡합니다 (미안).

확대/축소 및 확대 할 수있는지도처럼 동작하는 이미지 레이어를 사용하려면 이미지를지도로 변환해야합니다.

당신은 당신의 참조 이미지에서 타일을 만들 Maptiler 같은 이미지와 뭔가를 지리 참조하는 QGIS의 지리 - 플러그인를 사용할 수 있습니다. 맵 타일을 올바르게 만들었 으면 Opanlayers TMS 레이어를 사용하여 데이터를 표시 할 수 있습니다. (또는 Geoserver를 사용하여 WMS로 제공하십시오)

Goole에게 도움이되었거나 적어도 Goole에 뭔가를 제공합니다.

Answer 2

OpenLayers.Layer.Image는 그 목적을 위해 잘해야한다 : http://jsfiddle.net/cv3uC/4/ (당신은 초기 확장, 줌 레벨 등의 수를 원하는하려면 다른 맵의 특성과 재생이).

이미지가 늘어나게되면 범위가 잘못 될 수 있습니다. 이미지와 범위 모두 너비/높이 비율을 계산하십시오. 그들은 동일해야합니다.

var bounds = new OpenLayers.Bounds(10, 10, 260, 297); 
var size = new OpenLayers.Size(250, 287); 

alert(
    'Image ratio: ' + 
    (size.w/size.h).toString() + 
    ' Bounds ratio: ' + 
    (bounds.getWidth()/bounds.getHeight()).toString() 
);