OpenLayer, 한국에 익숙한 Layer 소개

OpenLayer, 한국에 익숙한 Layer 소개

 

 

 

 

  OpenLayer의 VWORLD 소개

https://www.vworld.kr/dev/v4api.do

공간정보 오픈플랫폼 오픈API

 오픈레이어를 공부하는 도중, 재밋는 사이트를 알게되었습니다.

저희가 사용하는 오픈레이어에 대해 '한국 주소'에 대한 정보가 담겨 있는 오픈레이어 api 입니다.

 

오픈레이어의 최대 단점은 '주소검색' 입니다.

 

 

기본적인 오픈레이어 사용방법으로는 카카오, 네이버, 구글 API처럼 주소검색기능이 없습니다.

그러나 위의 사이트를 접속하여 등록한다면 그 단점이 보완됩니다.

 

 

그리고, 하나 더!

 

변경 전

기존 OpenLayer는 뭔가 이상하다.

 기존의 오픈레이어는 지도로 쓰기에는 뭔가 아쉽습니다.

 

일반 포털사이트에서 제공되는 지도에 너무 익숙해진 나머지 이런 지도로는 사용하기가 매우 힘들다는 점인데.

 

변경 후

그나마 친숙한 지도로 변형되었다.

 위 방법을 사용 시, 이렇게 깔끔한 지도를 제공받게 됩니다.

 

 

  지도 변경 방법

Tile에서 제공되는 Source 부분을 수정한다. (전)

빨간색 네모 테두리 안 소스부분을 수정하면 끝 입니다.

 

Tile에서 제공되는 Source 부분을 수정한다. (후)

var map = new ol.Map({
    view: new ol.View({
        zoom: 17,
        center: [-25940000, 4520000]   //서울 경복궁 위치
    }),
    target: 'js-map',
    layers: [
        new ol.layer.Tile({
            source : new ol.source.XYZ({ //vworld api 사용
                url: 'http://xdworld.vworld.kr:8080/2d/Base/202002/{z}/{x}/{y}.png'
             })
    })
    ]
});

url은 API 발급시, 제공되는 URL도 있고, 이처럼 그냥 사용 할 수 있는 URL도 있습니다.

 

 

  마무리

ch009.zip

1.19MB

저는 지도 이걸 사용하는 것이 더 깔끔하고 좋더라고요.