분류 전체보기
구글맵 API - DOM 이벤트 수신하기
DOM 이벤트 수신하기Google Maps Javascript API 이벤트 모델은 자체 맞춤 이벤트를 만들고 관리합니다. 그런데 브라우저의 DOM(Document Object Model)도 사용 중인 특정 브라우저 이벤트 모델에 따라 자체 이벤트를 만들고 전달합니다. 이 이벤트를 캡쳐하고 응답하려는 경우 Maps API는 addDomListener() 정적 메소드를 제공하여 DOM 이벤트를 수신하고 바인딩합니다.이 편리한 메소드에는 아래에 표시된 것처럼 서명이 있습니다.addDomListener(instance:Object, eventName:string, handler:Function)여기에서 instance는 다음을 비롯하여 브라우저에서 지원하는 DOM 요소일 수 있습니다.DOM의 계층적 멤버(예:..
구글맵 이벤트 - 속성 가져오기 (예제-줌속성)
이벤트 핸들러 내에서 속성 가져오기 및 설정하기Maps API 이벤트 시스템에서 MVC 상태 변경 이벤트는 이벤트가 트리거될 때 인자를 전달하지 않습니다. 반면 사용자 이벤트는 검사할 수 있는 인자를 전달합니다. MVC 상태 변경에 대한 속성을 검사해야 하는 경우 객체에 대해 적절한 getProperty() 메소드를 명시적으로 호출해야 합니다. 검사에서는 항상 MVC 객체의 현재 상태를 가져오므로 이벤트가 처음 발생된 때의 상태가 아닐 수도 있습니다.참고: 특정 속성의 상태 변경에 응답하는 이벤트 핸들러 내에서 속성을 명시적으로 설정하면 예기치 않거나 원하지 않은 동작이 생성될 수 있습니다. 예를 들어, 속성 설정은 새로운 이벤트를 트리거하고 항상 이벤트 핸들러 내에서 속성을 설정하는 경우 무한 루프가 ..
구글맵 이벤트 - 클릭하면 메세지창출력
이벤트 리스너에서 클로저 사용하기이벤트 리스너를 실행할 때는 비공개 및 영구 데이터를 모두 객체에 연결할 수 있다는 장점이 있습니다. 자바스크립트는 '비공개' 인스턴스 데이터는 지원하지 않지만 내부 함수가 외부 변수에 액세스할 수 있도록 해 주는 클로저를 지원합니다. 클로저를 사용하면 이벤트 리스너에서 이벤트가 발생한 객체에 속하지 않은 변수에 액세스할 수 있습니다.다음 예에서는 이벤트 리스너에서 함수 클로저를 사용하여 마커 집합에 비밀 메시지를 할당합니다. 각 마커를 클릭하면 마커 자체에 포함되지 않은 비밀 메시지의 일부를 검토하게 됩니다.var map; function initialize() { var myLatlng = new google.maps.LatLng(-25.363882,131.044922..
구글맵 이벤트 - 클릭한곳 마커찍기
UI 이벤트에서 인자 액세스하기Google Maps API V3의 UI 이벤트는 일반적으로 이벤트 인자를 전달합니다. 이벤트 인자는 이벤트 발생 시 UI 상태를 알리는 이벤트 리스너를 사용해 액세스할 수 있습니다. 예를 들어 UI 'click' 이벤트는 일반적으로 지도의 클릭된 위치를 나타내는 latLng 속성이 포함된 MouseEvent를 전달합니다. 위 동작은 UI 이벤트에 고유하며 MVC 상태 변경 이벤트에서는 인자를 전달하지 않습니다.객체 속성에 액세스하는 방식과 동일하게 이벤트 리스너 내의 이벤트 인자에 액세스할 수 있습니다. 다음 예제에서는 지도에 대한 이벤트 리스너를 추가하고 사용자가 지도를 클릭할 때 클릭된 위치에서 마커를 만듭니다.var map; function initialize() {..
구글맵 이벤트 - 클릭하면 이동
addListener() 이벤트 핸들러를 사용하여 이벤트 알림을 등록합니다. 이 메소드는 객체, 수신할 이벤트, 지정된 이벤트가 발생할 때 호출할 함수를 받습니다.다음 코드는 사용자 이벤트와 상태 변경 이벤트를 함께 사용합니다. 클릭하면 지도를 확대/축소하는 이벤트 핸들러를 마커에 연결합니다. 또한 'zoom' 속성 변경사항에 대한 이벤트 핸들러를 지도에 추가하고 zoom_changed 이벤트 수신 시 지도를 오스트레일리아 북부, 다윈으로 이동합니다.var map; function initialize() { var myLatlng = new google.maps.LatLng(-25.363882,131.044922); var myOptions = { zoom: 4, center: myLatlng, mapT..
구글맵 사용자 위치탐색 navigator.geolocation & google.gears
사용자의 위치 탐색브라우저에서 사용자의 위치를 탐색하는 방법에는 현재 여러 가지가 있습니다. 이러한 방법 중 어떤 것도 Google Maps API에 속하지 않지만, 대신 이들은 모두 공용 업계 표준입니다.최신 브라우저에서는 W3C Geolocation 표준을 지원하기 시작했습니다. 이 표준은 HTML5의 일부이며 향후 사실상의 표준이 될 가능성이 있습니다. Geolocation을 수행하려는 모든 애플리케이션은 이 표준을 지원해야 합니다.Google Gears가 포함된 일부 브라우저는 Google Gears Geolocation API를 사용할 수 있습니다. 하지만 W3C 표준에 대한 광범위한 지원이 계속 진행될 것이므로 Gears를 확인해두는 것이 좋습니다.일부 브라우저는 IP 주소를 사용하여 사용자의..
구글맵 API & 샘플코드
API : https://developers.google.com/maps/documentation/javascript/tutorial?hl=ko
톰켓 org.springframework.web.context.ContextLoaderListener 에러
어제까지 멀쩡하던 내 자바 프로젝트가 오늘 출근해서 실행해보니 톰켓에서 경고메세지를 뿌려댄다.. 스프링프레임워크를 실행하지도 못한채..이것저것 오류를 찾고,,톰켓 설정의 Publish module contexts to separate XML files체크도 설정햇는데 경고메세지만 없어질뿐 서블릿은 여전히 작동하지 않았다.그렇게 시간낭비하며 헤메다가이클립스의 Project에서 Clean을 시키고톰켓 우클릭, Clean과 Publish를 다 해줫더니 프로젝트가 정상적으로 작동했다.하나씩 테스트를 해보지못해서 어떤이유인지는 잘모르겟지만 뭐 클릭몇번이 어려운것도 아니니까..^_^