본문 바로가기
반응형

GIS/OpenLayers11

[OpenLayers] 지도에 스케일(scale) 표시하기 (ft. Scale control, ol-ext) - OpenLayers를 이용하여 Map위에 스케일(scale) 표시하기 - 앞서 배경지도 vworld를 띄웠으며 지도만 있으면 허전하니 그럴싸하게 만들어보자 우선 스케일(scale)를 표시할 수 있게 간단하게 지원을 해주고있는데 ol-ext 라고 openlayers-extensions 가 존재한다. openlayers를 이용하여 여러가지 기능이 입혀져있는것을 우리가 가져다 쓰면된다. 지도 배경지도 띄우는건 앞서 해봤고 그 지도를 담아둔 변수 위 예제에서는 map 변수이다. 이 map 변수에 Scale 을 보여주는 Control을 추가해주기만 하면 끝이다.(아래 3줄) 추가적으로 설명하자면 아래 3줄 중에서 var ctrl = new ol.control.Scale({ }); map.addControl(c.. 2020. 8. 6.
[OpenLayers] vworld 배경지도(map) 나타내기 -OpenLayers vworld 배경지도 나타내기-OpenLayers를 처음 사용하게되면 지도부터 띄우게 되는데 가장 기초적인 부분으로 OpenLayers를 사용하여 vworld 배경지도를 나타내보자. OpenLayers_MAP 나 역시 OpenLayers를 처음 접해보지만 지도 띄우는건 생각보다 쉽게 접근이 가능했다. 물론 안보고 하라면 할 자신은 없다 script에서 target이 의미하는건 지도를 보여줄 곳(target)을 의미한다. 대부분의 예제에서는 ol.layer.Tile 에서 vworld url 이 201802 의 연월을 가진 이미지를 사용하는데 2020년이다보니 202002로 사용해보니까 잘나와서 일단 이대로둔다. 그리고 예제를 실습하다가 알게된 사실은 맨 아래에 나오는 view 부분에서.. 2020. 8. 5.
반응형
TOP