QGIS를 이용하여 shp -> svg 로 변환을 할 수 있지만 매핑된 정보(어트리뷰터)는 제외되어 SVG로 변환된다.
이때문에 jVectorMap에는 id와 name이 모두 빠져있다.
그럼 누군가가 이걸 수동으로 입력을 해야하는데 얼마나 그지 같은가...
구글링 도중 좋은 사이트를 발견하였다.
site : http://indiemapper.com/app/
< 사이트의 초기화면 >
< shp 파일을 읽어오기 위해 왼쪽 하단의 버튼을 눌러 shp와 dbf를 차례로 불러온다. >
10 MB가 베스트라 되어 있지만 50 MB 까지 테스트 해보니 무리 없이 불러와진다.
< Load 버튼을 누르면 지도가 화면에 그려진다 >
화면 중앙에 지도가 그려지고 좌측에 아래와 같은 레이어 창이 나타난다.
SHP와 DBF를 읽어들인 후 속성을 지도에 표시할 것인가에 대한 창이다.
예를 들어 SIGUNGU_NM을 선택한 후 Okay 를 할 경우 아래와 같이 지도가 표시된다.
얼마나 지저분한가.. 그러므로 하지말고.. 취소를 눌러서 작업을 하도록 하자..
지도를 불러오게 될 경우 좌측 상단에 레이어창이 아래와 같이 나타난다.
포토샵과 비슷한 레이어 창이다.
각 눈 표시를 누르면 각 레이어에 해당하는 오브젝트들이 사라지고 나타난다.
SVG로 변환할때 유의할 점은 Page와 Graticule를 해제하여 화면에 나타나지 않도록 한다.
화면에 표시된 지도를 SVG로 변환하기 위해 우측 상단에 export 버튼을 클릭
대화상자가 나타나는데 include data ~~~ 를 체크해야만 속성도 SVG에 포함되어 변환된다.
파일이름을 변경하고 Generate 버튼을 클릭하면 서버에서 SVG가 생성이되고 다운로드가 가능하다.
다운로드 받은 파일을 에이트플러스 또는 다른 편집툴로 열어보면 아래와 같은 형식이다.
꼭 편집기로 박스로 표시된 태그 전체를 지워주어야 한다.
외곽선과 그리드 선을 표시해주는 것으로써 지우지 않고 jVectorMap으로 변환할 경우 지도에 그대로 표시된다.
위 박스 태그를 모두 지우고 난 후 아래 사이트에서 지도로 변환하면 된다.
http://svgto.jvectormap.com
'웹 개발 > jVectorMap' 카테고리의 다른 글
jVectorMap - 한국 지도 (지역 및 지점 데이터 표시) (9) | 2013.08.26 |
---|---|
코드명이 한글인 Shape 파일을 SVG로 변환할 시 인코딩이 안되는 문제..... (0) | 2013.08.02 |
jVectorMap - South Korea Map (0) | 2013.07.31 |
SVG를 이용하여 jVectorMap을 구성하였을 경우 위/경도 좌표 표시하기. (0) | 2013.07.31 |
Shape -> jVectorMap 변환 방법! (0) | 2013.07.25 |