본문 바로가기
반응형

API5

[Kakao API] 주소 검색 API 사용하기 - Maps API (ft. javascript REST API) 주소 검색 API 사용 방법에 대해 알아보자 대체로 API 관련하여 예제가 존재하며, 그것을 가져다 쓰면 손쉽게 사용이 가능했는데 이번에 사용할 주소 검색 API는 예제가 존재하지 않는데 그래서 직접 시행착오를 겪으면서 적용을 해보았다. 우선 kakao developers에 존재하는 주소 검색에 관한 개발가이드이다. https://developers.kakao.com/docs/latest/ko/local/dev-guide#address-coord 주소 검색 API는 REST API 로 제공하며 위와같은 내용뿐이여서 예제없이 처음해봐 매우 난감하였다. 인터넷에 많이 찾아봐도 대부분 서버단에서 처리하는 방법만 나오고 잘 안나왔는데 여기저기 짜집기 하다가 결국 javascript를 사용하여 rest api를 .. 2020. 8. 18.
[ArcGIS_API] mappoint가 특정 polygon에 포함되는지 여부 확인 (feat. contains) - ArcGIS API for JavaScript - 하나의 그래픽 레이어 위에 여러 polygon으로 이루어진 graphic들이 존재한다고 할 때 특정 polygon을 클릭하여 이벤트를 발생하고자 한다면 mappoint 와 contains를 이용하면 된다. var mineAreaMap = new esri.layers.GraphicsLayer({id: "mineAreaMap"}); 해당 그래픽 레이어 안에 있는 graphic을 대상으로 클릭 이벤트 발생시 생기는 mappoint 가 포함되어있는지를 체크하면 된다. graphic.contains(mapPoint); 예) 클릭 이벤트를 이용한 그래픽 레이어의 특정 폴리곤 그래픽 찾아내기 var totalMap = new esri.Map(...) //최상위 레.. 2020. 1. 12.
[ArcGIS_API] 그래픽 레이어의 특정 그래픽 삭제하기 (feat. remove) - ArcGIS API for JavaScript -기본적으로 하나의 레이어 안에 여러개의 그래픽 레이어가 포함될 수 있으며 하나의 그래픽 레이어 안에 여러개의 그래픽이 포함될 수 있다. 그래픽 레이어를 선언하는건 다음과 같다. var mineAreaMap = new esri.layers.GraphicsLayer({id: "mineAreaMap"}); 해당 그래픽 레이어 안에는 graphics 라는 배열이 존재하는데 안에 여러개의 graphic이 존재하며 그 중 특정 graphic을 지우는 방법은 매우 간단하다. graphicLayer.remove(graphic); 해당 graphicLayer에 .remove 를 이용하여 특정 graphic을 지워주면 된다. graphic을 얻는 방법은 다양하나 쉽게 예.. 2020. 1. 9.
[Kakao API] 로드뷰(roadview) API 사용하기 카카오 로드뷰 API 를 사용하는 방법에 대해 알아보자. http://apis.map.kakao.com/web/sample/basicRoadview/ 해당 사이트에 들어가면 Kakao Developer 에서 제공하는 api 사용예제 같은게 나와있다. 로드뷰 생성하기 var roadviewContainer = document.getElementById('roadview'); //로드뷰를 표시할 div var roadview = new kakao.maps.Roadview(roadviewContainer); //로드뷰 객체 var roadviewClient = new kakao.maps.RoadviewClient(); //좌표로부터 로드뷰 파노ID를 가져올 로드뷰 helper객체 var position = n.. 2019. 10. 7.
[Kakao API] 카카오 API 키 발급 방법 및 기본 설정 (ft. 카카오 API 시작하기!) 카카오 API KEY 발급 방법 및 기본 설정에 대해 알아보자. https://developers.kakao.com/ 해당 페이지에 들어가서 하단에 보이는 '앱 개발 시작하기' 버튼을 클릭하자.(그전에 물론 로그인을 해두면 좋다.) 정상적으로 로그인까지 완료되었으면 아래와 같은 창이 뜬다. '앱 이름' 과 '회사명' 을 입력하고 '앱 만들기' 버튼을 클릭한다.(회사명 같은 경우는 나같은경우 테스트로 잠깐 사용해보는거라 '개인' 이라 입력하고 넘어갔다.) 위에서 아이콘 등록을 안하면 아래와 같은 팝업창이 뜨는데 등록할 아이콘이 있다면 해도 좋지만 나중에도 등록할 수 있기때문에 일단은 '게속 진행' 버튼을 클릭하자 그럼 이제 아래와 같이 4종류의 API 키가 주어지는데 두고두고 쓸테니 귀찮으면 따로 기록을 .. 2019. 9. 23.
반응형
TOP