본문 바로가기

jQuery4

[Javascript] 다음 지도 API로 네이버 부동산 지도 따라하기 - 5. 소스코드 github - https://github.com/ssm-lim/bPolygon 네이버 부동산(http://land.naver.com/)에 있는 Map같이 행정구역 경계 단위를 표시하는 것을 다음 map Api로 구현했습니다. 잘 된것 같진 않지만 이런 방법으로 대충 비슷하게 구현이 되더라...... 하는 의미에서 봐주시면 될 것 같습니다.. #dmap_event api에서 제공하는 addListener로 이벤트 처리. 마무리 버전. #dmap_cls_event class 지정으로 이벤트 처리. 만들었다가 사용할 수 없어서 별도의 주석은 달지 않았지만 dmap_event와 큰 차이는 없습니다. #highmaps highmap을 이용하여 만들었으며 클릭시 지역이 확대되는 기능이 있음. 그 외의 기능 없음... 2015. 9. 24.
[Javascript] 다음 지도 API로 네이버 부동산 지도 따라하기 - 4. 이벤트 적용하기 이벤트를 거는 것도 다각형에 이벤트 등록하기2를 참조하면 된다. 하지만 여전히 Multipolygon이 걸림돌이다. 만약 신안군에 mouserover 이벤트를 적용 한다면, 신안군의 polygon 중 하나에 마우스를 올리면 신안군에 해당되는 모든 Polygon이 반응해야한다. 일단 해본 방법에는 두가지 방법이 있다. 1. svg path에 class 지정하기 처음에는 addListener로 적용하려면 이벤트 발생시 계속 Loop를 돌려야한다는 점이 불필요해보였기 때문에 class를 입히는 방법을 생각했다. polygon 객체는 이렇게 생겼다. Vc 아래에 map에 보이게 되는 path가 존재한다. 여기에 $(polygon.Vc[0]).addClass("polygon-grp-00") 같은 방법으로 clas.. 2015. 9. 24.
[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] 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.