Programming/> Javascript11 [Javascript] 다음 지도 API로 네이버 부동산 지도 따라하기 - 3. Polygon 생성하기 geojson에 있는 내용물을 본격적으로 다음 지도에 올려봅시다. 다음 지도 API의 Polygon 생성 관련 예제는 다각형에 이벤트 등록하기2를 참고했다. geojson을 까보면 대충 이렇게 생겼다.{ "type":"FeatureCollection", "code":"0", // 임의 삽입 "name":"전국", // 임의 삽입 "crs":{ "type":"name", "properties":{ "name":"urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features":[ { "type":"Feature", "properties":{ "code":"11", // key값 변경 "name":"서울특별시" // key값 변경 }, "geometry":{ "type":"Polygon",.. 2015. 9. 24. [Javascript] chrome inspect 이용하기 chrome inspect 기능이 뭐시냐........ 하면 아래 그림을 보면 되겠다. 안드로이드의 USB 디버깅 모드를 이용하여 모바일 브라우저 환경에서 개발자 모드 이용이 가능하다. chrome://inspect로 일단 들어가면 이렇게 나온다. 폰이랑 연결이 안된거다... 일단 USB 디버깅 모드를 켠다. 안드로이드 버전, 제조사마다 방법이 다르다. 아래는 갤럭시S6 롤리팝 기준 디버깅 모드 활성화 방법 1. 설정- 디바이스 정보 - 커널버전을 여러번 터치한다.2. 터치하다보면 개발자 옵션이 활성됐다는 문구가 뜬다.3. USB 디버깅 모드를 활성화한다.4. 삼성통합USB드라이버를 꼭 설치한다. 여기까지만 해도 되는 경우가 있는 것 같은데 나는 안됐다.... ADB가 필요하대서 안드로이드 SDK를 다운.. 2015. 9. 24. [Javascript] 다음 지도 API로 네이버 부동산 지도 따라하기 - 2. geojson 만들기 어찌저찌 shp파일을 구했으면 QGIS를 이용해 geojson을 만들어보자 설치는 어려울 것 없으니 사이트 가서 받아 설치하면 된다. QGIS Desktop 설치해서 레이어 - 레이어 추가 - 벡터 레이어 추가 선택 shp 파일을 선택한다. 열 때 .shp말고도 다른 것도 같이 있어야 한다. 이유는 나도 잘 모른다!!!!!!! .prj파일 같은 경우에는 좌표계 반영과 관련 되어있는 것 같던데 어쨌거나 잘 모른다. UTF-8을 하지 않으면 지역명이 깨질 수도 있으니 조심.. 화면에 벡터 이미지가 뜨면 레이어 목록에서 현재 불러온 레이어를 오른쪽 클릭한 뒤 필터를 선택한다. 필터를 적용한다. 서울특별시의 법정동 코드는 11이다. SIG_CD가 11로 시작하는 벡터만 남겨보자. 그러고 나면 딱 서울의 행정구역.. 2015. 9. 23. [Javascript] 다음 지도 API로 네이버 부동산 지도 따라하기 - 1. 데이터 가져오는 방법 고찰.. 네이버 부동산에서 제공하는 요런 모양의 지역선택 관련한 기능을 만들어야할 일이 생겼었다. 네이버는 이거를 플래시로 만들었던데... 무엇보다도 지역 이미지를 가져오는게 문제였다. 네이버나 다음이나 자체적으로 행정경계에 대한 정보를 가지고 있는 것 같지만.... API로 제공을 하지 않는다 ...ㅠ.ㅠ jsfiddle 가기 어쩔까...하고서 찾아본건 Highchart, 그러니까 Highmap인데 지도 위에 그려진 차트다. 나라별로 지원하고 있고 미국이나 캐나다 같은 경우엔 지역별 데이터도 제공한다. 아 당연히 한국은 지역별로 없다.. 여기서 한가지 힌트를 얻었던건 geojson이라는 지도 데이터를 받아 그릴 수 있다는 것이었다. 9월 10일자로 통계청 통계정보지리 시스템이 리뉴얼 되어서 적당히 설명할 그림이.. 2015. 9. 23. [Javascript] iframe을 이용한 비동기 파일 업로드 및 콜백 처리 IE8도 됨 7은 확인 안해봄... 인터넷에 흔한 방법 중 하나임 공공기관 사이트라 IE8을 저주한다 진짜 var form = $("#form"); var iframe = $("iframe"); ( 원래 괄호로 감싸줘야되는데 깨져서 일단 임의로...) // iframe 설정, name 설정을 반드시 해줘야 target으로 인식한다. 이거 안해줘서 애먹음 iframe.attr("id", "upload_iframe").attr("name", "upload_iframe").attr("style", "border: none;display: none;"); // form이 load되는 화면을 현재 화면이 아니라 iframe으로 잡아줌 // 파일 여러개+텍스트를 올리기 위해 multipart/form-data 설정.. 2015. 6. 29. 이전 1 2 다음
