웹 개발 썸네일형 리스트형 SVG를 jVectorMap으로... SVG Path만 있다면 jVectorMap으로 가능하다. 아래는 SVG 샘플... 위 샘플을 아래 사이트에서 확인할 수 있다. svg to jvectormap : http://svgto.jvectormap.com Ext.Ajax Ext.Ajax.request({ url: '../com/ProxyJsonSimpleOneList.jsp', contentType: 'json', params: { name: 'value', today: new Date(), code: Ext.getCmp( 'brcCode' ).value }, success: function(response){ console.log(response); }, failure: function(response, opts) { commonExtAjaxFailure(response, opts); } }); dddd jVectorMap - Shape 다운로드 하기.. 1. GADM site : http://www.gadm.org/country 가장 많이 보편적으로 이용하는 사이트. 각 국가별로 다운로드 할 수 있으며 다양한 포맷을 지원한다. 그리고 행정동 레벨을 5 단계로 나누어 놓았고, 레벨별 지원하는 국가도 확인할 수 있다. 2. BIZ-GIS site : http://www.biz-gis.com/GISDB/ 국내용으로 다양한 지도의 데이터를 다운로드 할 수 있다. 꼭 좌표계를 확인해서 좌표 종류를 확인하자. 3. 통계청 제공 지도 site : http://sgis.kostat.go.kr/statbd/statbd_03.vw 통계청에서 행정구역 경계를 표시하기 위해 제작된 것으로 shp 다운로드를 제공한다. 이 글 작성일 기준으로 2011년까지 제공. 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으로 다운로드 받고.. jVectorMap - World Map with custom marker tooltip Sample Data Result Source function numberFormatComma(n) { var reg = /(^[+-]?\d+)(\d{3})/; // 정규식 n += ''; // 숫자를 문자열로 변환 while (reg.test(n)){ n = n.replace(reg, '$1' + ',' + '$2'); } return n; } var countryData = []; //for each country, set the code and value $.each(data.countries, function() { countryData[this.code] = this.pGdp; }); var markers = [ { latLng : [ 41.90, 12.45 ], name : 'Vatican C.. get an object properties in jQuery / javascript var obj = { foo: 'bar', base: 'ball' }; for(var key in obj) { alert('key: ' + key + '\n' + 'value: ' + obj[key]); } $.each(obj, function(key, value) { alert('key: ' + key + '\n' + 'value: ' + value); }); d select box 선택해제 $('#id').val('').trigger('liszt:updated'); $('#id').find('option:first-child').prop('selected', true).end().trigger('liszt:updated'); 한참 헤맸네... 이전 1 2 3 4 5 6 다음
