본문 바로가기

jquery12

[KakaoMapAPI] 커스텀오버레이 표시 및 클릭 시 원을 그리는 이벤트 구성 DB에 있는 GPS정보를 순서로 표시해야 할 일이 있어서 커스텀오버레이를 찾아 보게 됬다. 이번에는 마커를 그리는게 아닌 커스텀오버레이를 사용해서 GPS의 순번을 매겨 보도록 하겠다. 그리고 커스텀오버레이를 클릭 시 30, 60 , 90 , 120, 150m의 원을 그려 볼 것이다. HTML JAVASCRIPT HTML + JAVASCRIPT FULL CODE 카카오맵API에서 제공하는 포맷에만 맞게 데이터를 만들면 되기때문에 본인의 Server에서 받은 데이터를 기반으로 포맷을 맞추면 될 것 같다. 예제를 바탕으로 커스터마이징하면 동적으로 생성도 가능하다. 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[KakaoMapAPI] 지도에 마커 생성하기 지도에 마커를 하나 생성하는 기본적인 예제이다. 정말 기본적인 예제라 금방 따라 할 수 있다! 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[KakaoMapAPI] 웹 페이지에 지도 표시하기 지도를 표시하는 가장 기본적인 예제이다. HTML + JAVASCRIPT로 구성할 수 있다. test.html 아주 간단하게 지도를 그릴 수 있다. 아래는 확대 레벨별 지도다. 레벨 값이 커질 수록 지도가 축소되어 지는 걸 확인 할 수 있다. 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[JQuery] 테이블 데이터 엑셀로 export 하기 테이블 데이터를 excel로 export하는 라이브러리 여러가지가 있지만 table2excel library를 사용해보았다. cdn방식으로 library를 export한다. $("#해당테이블ID").table2excel({ exclude: ".excludeThisClass", name: "저장할 워크시트 이름", filename: "저장할 파일 명", preserveColors: false }); 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 1.
[JQuery] button append시 onclick 함수에 문자열 넘기기 let button = $("#test") .append('foo함수로문자열넘기기'); 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 1.
[JQuery] .load() function 사용하기 $("원하는 element id, name 등등").load("/test?tcode=5"); 페이지를 load하고 싶은 element의 속성값을 이용해서 JSP page를 load할 수 있다. locatin.href='' 처럼 URL을 적어주면 되는데 parameter값도 넘길 수 있고, Controller에 명시되어 있는 경로를 적어주면 되겠다. 원하는 element에 유동적으로 페이지를 load 하고 싶을 때 유용하게 사용할 수 있을듯. 2018. 10. 6.