jVectorMap 썸네일형 리스트형 jVectorMap - 나라별 코드로 마커 표시하기.. (일부) (왜.. 자동 배포가 꺼져있는지 아리송... 매일 새벽에 자동배포 되게끔 되어 있는데.. 음... ) 위/경도를 미리 설정하여 마커를 표시하는건 간단하다. 국가(또는 지역)의 정중앙에 마커를 표시하게 되면 따로 마커를 설정할 필요가 없어서 시도해보았다. 결과를 보면 절반의 성공이다.... 위도 계산이 안맞다;; 경도는 어찌해서 맞추었는데 위도는 못맞추겠다.. 그리고.. 이게 부질없다고 느끼게 한 나라는.. 프랑스(FR)이다 프랑스는 남아메리카에도 영토가 있다;; 프랑스 정중앙에 마커를 표시하면 대서양에 마커가 찍힌다.. 고로.. 그냥 마커로 표시하는게 좋을듯하다는게 결론... 국가코드에 KR, US, FR, CA, CN, RU, JP, AU 등등... Result 크게 보기 : http://jyeory... MapShaper Shape 파일을 열어서 해안선이 실측지도 처럼 나타나는 상황에서 jVectorMap으로 변환할 경우 IE8 이하에서 스크립트 엔진이 멈출 수 있다. 아래는 실측 해안선 일 경우 QGIS에서 확인한 폴리곤 포인트이다. 위 처럼 포인트가 많을 경우 SVG로 변환할 Path도 많아지므로 VML로 그리다가 멈춘다. 이를 위해 포인트를 정리해주어야 하는데.. 주위 GIS 개발자에게 물어본 결과 ArcGIS를 이용하여 단순화 할 수 있다고 한다. 그러나 너무 어렵다! 어디 들어가야하는지도 모르겠거니와... 방법도 모르겠고... 구글에서 찾다보니 아래 사이트가 있다. mapshaper 저 사이트가 날 살렸다. 웹상에서 슬라이더 조작만으로 포인트를 줄일 수 있다. 아래처럼.... 위 포인트는 눈으로 셀 수 있을만큼 .. jVectorMap - 한국 지도 (지역 및 지점 데이터 표시) 한반도 각 시/군/구 또는 광역시도의 데이터는 지역(Region)에 표시하고 특별한 지점(위/경도)도 표시하는 샘플.. 티스토리 본문 창이 작은걸 감안하지 않고 페이지를 만들어서 범례가 짤리므로 새창으로 보는걸 추천... 시간이 없어서 복합 데이터 표출을 못한건 안자랑... 그러나 기존 유료 컴퍼넌트를 대체한건 자랑 Result 크게 보기 : http://jyeory.fun25.co.kr/demo/tistory/jvectormap/koreaMap03Page.do Style body{ font-size: medium; } .jvm-legend { line-height: 2em; margin-top: 5px; } .jvm-legend span { vertical-align: middle; } .jvm-leg.. SVG를 이용하여 jVectorMap을 구성하였을 경우 위/경도 좌표 표시하기. jVectorMap은 친절히 맵의 Projection을 지원한다. 국제 표준에 해당하는 Shape 파일을 jVectorMap Converter를 이용할 경우 map projection이 동일하게 변환되지만 한국 지도 행정동 2단계 지도를 변환해 보니 지도 군데 군데 구멍이 뚫리게 되어 이를 사용할 수 없게 되었다. 관련 글 : http://www.yeory.com/270 이 때문에 완벽한 지도를 보여주어야 하기 때문에 QGIS를 이용하여 SVG로 변환하여 지도를 표시하였다. 이 경우 지도는 모두 나오는데 지도 타입(Projection)이 위/경도를 사용할 수 없기 때문에 위/경도로 좌표를 표시할 수 없다. 필요한 것은.... 지도의 가로 세로 -> 지도 자체의 가로, 세로 사이즈 (div 등 jVecto.. Shape -> jVectorMap 변환 방법! jVectorMap은 자체적으로 convert를 사용하여 shp 파일의 vector 이미지를 svg로 변환하여 맵 파일을 생성한다. 그러나 이 컨버터를 이용할 경우 svg 변환 상에 오류가 있는것인지 대한민국 지도 상에 구멍이 슝슝 뚫린다. 아래처럼... 대구와 대전 일부가 없다. 이를 해결하기 위해 제작자에게 메일도 보냈지만 묵묵부답이라 자체적으로 해결 할 수 밖에... 1. shp 파일을 편집할 수 있는 (읽어 들일 수 있는) 프로그램을 찾는다. 2. 이 프로그램을 이용하여 SVG로 변환할 수 있는지 찾는다. 3. SVG로 변환된 정보를 svgto.jvectormap.com 에서 지도로 변환해 본다. 간단한거 같지만 이게 은근 쉽지가 않았다.. 개발자로써 지도 프로그램을 쓰는 것도 그렇고 사용법을 일.. SVG를 jVectorMap으로... SVG Path만 있다면 jVectorMap으로 가능하다. 아래는 SVG 샘플... 위 샘플을 아래 사이트에서 확인할 수 있다. svg to jvectormap : http://svgto.jvectormap.com jVectorMap - Map Converting for Window 준비물... 1. python 2.7 이상 3. GDAL 2. OSGeo4W python이야 설치 파일 받아서 설치하면 되므로 간단하다. 정말.. GDAL 또한 아래 사이트에서 자기에 맞는 버전 찾아서 적당한 위치에 압축해제 하면 된다. donwload : http://download.osgeo.org/gdal/win32/1.5/ 해제 후 시스템 변수 중 path에 압축해제 한 폴더를 추가 해 주어야 하고.. 압축 해제 폴더가 gdalwin32-1.7 이라면... path에 C:\gdalwin32-1.7\bin 를 추가.. JAVA_HOME 을 설정할때와 마찬가지로.. Name : GDAL_DATA Value : C:\gdalwin32-1.7\data 를 넣어주자.. 이제 필요 한것은 Shapely 아래.. jVectorMap - Map Converting for Ubuntu OS : Ubuntu 12.0.4 jVectorMap을 개발자 버전으로 다운로드 하게 되면 convert.py 파일이 존재한다. 이 파일을 이용해서 shp 파일을 jVectorMap에서 사용가능하게끔 변환이 가능한데 이를 해야만 했었다...... 우선 Ubuntu에 Python2.7.5를 설치해야 하는데 아래 의존성 관계를 먼저 해결해 주었어야 했다. sudo apt-get install build-essential sudo apt-get install libreadline-dev libncursesw5-dev libssl-dev libsqlite3-dev tk-dev libgdbm-dev libc6-dev libbz2-dev 이후 home 디렉토리에 Python 2.7.5 를 wget으로 다운로드 받고.. 이전 1 2 다음
