다음 지도4 [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] 다음 지도 API로 네이버 부동산 지도 따라하기 - 1. 데이터 가져오는 방법 고찰.. 네이버 부동산에서 제공하는 요런 모양의 지역선택 관련한 기능을 만들어야할 일이 생겼었다. 네이버는 이거를 플래시로 만들었던데... 무엇보다도 지역 이미지를 가져오는게 문제였다. 네이버나 다음이나 자체적으로 행정경계에 대한 정보를 가지고 있는 것 같지만.... API로 제공을 하지 않는다 ...ㅠ.ㅠ jsfiddle 가기 어쩔까...하고서 찾아본건 Highchart, 그러니까 Highmap인데 지도 위에 그려진 차트다. 나라별로 지원하고 있고 미국이나 캐나다 같은 경우엔 지역별 데이터도 제공한다. 아 당연히 한국은 지역별로 없다.. 여기서 한가지 힌트를 얻었던건 geojson이라는 지도 데이터를 받아 그릴 수 있다는 것이었다. 9월 10일자로 통계청 통계정보지리 시스템이 리뉴얼 되어서 적당히 설명할 그림이.. 2015. 9. 23. 이전 1 다음
