일과 생활

함께 쌓여가는 개발자의 경험과 기록

Open API/Google

구글맵 infoWindow 만으로는 html 사용에 제약이 많습니다. 디자인 소스 적용이 어렵기 때문입니다. 해결을 위해 플러그인이 제공되고 있습니다. 그 이름 " infoBox" !! 좀더 자유롭게 디자인 소스를 입힐 수 있는데요. 사용하기 위해서는 infobox.js 를 추가해야 합니다. JS : 다운로드 샘플 코드 : http://www.uhoon.co.kr/test/6502.html ** 기본 infoWindow에서는 불가능 했던 각종 옵션들이 무궁무진합니다. ** API Reference : http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html This example shows the "..

2016. 12. 14.

Open API/Google

구글맵 V3 기본 기능입니다..다음번에는 길찾기 등...animation 쪽으로.. Test Url : http://www.uhoon.co.kr/test/613.html * 기능 기본 맵 아이콘 마커 (marker) 말풍선 (infoWindow) 주소로 위경도 검색하기 (geocoder) 거리별 중심점 기준으로 원그리기 ( Circle ) radius : 10Km 5Km latitude : longitude: address

2016. 11. 21.

Open API/Jquery

툴팁에 대한 플러그인 입니다. 툴팁이란 ? 말풍선 또는 툴팁(tooltip)은 공통 그래픽 사용자 인터페이스 요소이다. 마우스 포인터라 불리는 커서와 함께 동작한다. 사용자가 커서에 항목을 클릭하지 않고 가리키면 조그마한 상자가 항목 위에 나타나서 보충 설명을 보여 준다. API Url : http://code.drewwilson.com/entry/tiptip-jquery-plugin 샘플코드 다운로드 : 옵션 값. activation: string ("hover" by default) - jQuery method TipTip is activated with. Can be set to: "hover", "focus" or "click". keepAlive: true of false (false by de..

2016. 11. 1.

Open API/Daum

다음맵 API를 이용한 기본 마커 + 말풍선 샘플 코드입니다.

2016. 10. 31.