본문 바로가기

jQuery map plugin

jVectorMap - South Korea Map Result Source function convert(latitude, longitude) { // lat : 위도, long : 경도 // QGIS > SVG 플러그인 속성에 적은 가로-세로 var width = 823; var height = 823; // QGIS > SVG 플러그인 속성에서 SET 된 각 한계선 var eastLong = 132.054062;// 우측 한계선 var westLong = 124.410858;// 좌측 한계선 var northLat = 39.686848;// 상측 한계선 var southLat = 32.043644;// 하측 한계선 // 경도 -> x var longDiff = eastLong - westLong; var lon = (longitude - westLo..
Shape -> jVectorMap 변환 방법! jVectorMap은 자체적으로 convert를 사용하여 shp 파일의 vector 이미지를 svg로 변환하여 맵 파일을 생성한다. 그러나 이 컨버터를 이용할 경우 svg 변환 상에 오류가 있는것인지 대한민국 지도 상에 구멍이 슝슝 뚫린다. 아래처럼... 대구와 대전 일부가 없다. 이를 해결하기 위해 제작자에게 메일도 보냈지만 묵묵부답이라 자체적으로 해결 할 수 밖에... 1. shp 파일을 편집할 수 있는 (읽어 들일 수 있는) 프로그램을 찾는다. 2. 이 프로그램을 이용하여 SVG로 변환할 수 있는지 찾는다. 3. SVG로 변환된 정보를 svgto.jvectormap.com 에서 지도로 변환해 본다. 간단한거 같지만 이게 은근 쉽지가 않았다.. 개발자로써 지도 프로그램을 쓰는 것도 그렇고 사용법을 일..
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..