1. new -> Other 를 선택해주세요 2. 검색창에다가 dynamic 이라고 치시면 Web-Dynamic Web Project 라는걸 선택해주시고 Next 를 눌러주세요 3.Project name 에다가 이름을 써주시고 target runtime 에서 자신이 설치한 톰캣을 선택해주시고 Next를 눌러줍니다. 4. Next를 눌러주세요 5. 그리고 Finish를 눌러주세요. 6. ggari_test 란 프로젝트가 만들어졌습니다. 서버에 올려야하므로 프로젝트에서 오른쪽버튼을 클릭후 Run As - > Run On Server 를 클릭해줍니다. 7. 톰캣서버를 클릭하고 Next를 클릭해주세요. 8. ggari_test 를 Add 시켜줍니다. 9. Finish를 눌러주세요 10. Server 에서 Sta..

Javascript confirm If문으로 나누어 이벤트를 처리할 수 있습니다. Button을 클릭하면 alert를 띄운 후 확인(True) / 취소(False) 선택

구글맵 개발 시 페이지에 접근 시 맵 로딩이 이루어집니다. 맵 로딩이 완료되자마자 어떤 맵 이벤트 함수를 실행하고자 할 때 사용하는 방법입니다. 아래의 빨갛고 굵게 표시된 소스를 추가합니다. map이 idle 상태일 경우 1회 실행되는 맵 이벤트 리스너를 추가했습니다. 리스너를 알기 전까지..setTimeout을 사용하여 몇초 후 함수 실행을 하라는 설정을 사용했습니다. 컴퓨터의 사양, 인터넷 속도에 따라 맵로딩 시간이 틀리므로 맵이 로딩되기 전에 맵 관련 함수가 먼저 실행되면 javascript 에러가 발생합니다. 리스너를 사용하여 적절히 대응할 수 있습니다. 구글맵 API : https://developers.google.com/maps/?hl=ko 맵 리스너 : https://developers.g..

var myIcon = new google.maps.MarkerImage("/image/iconImg.png", null, null, null, new google.maps.Size(12,20)); marker = new google.maps.Marker({ position: latlng, map: map, icon: myIcon, title : "마우스 오버 시 정보창 출력됨" }); 마커 생성 시 마커 옵션에 icon을 사용하여 png파일로 제작한 이미지를 사용할 수 있습니다. 옵션으로 마커 아이콘의 크기 조절도 가능합니다. 수백개 수천개 마커가 출력될 때의 출력 속도는 마커 이미지의 파일크기가 클수록 느리고 작을수록 빠릅니다.

//초기 실행 함수 function init(){ google.maps.event.addListener(map, 'zoom_changed', function() { var bounds = map.getBounds(); var endLo = bounds.getNorthEast(); var startLo = bounds.getSouthWest(); addMarker(startLo, endLo); }); google.maps.event.addListener(map, 'dragend', function(evt){ var bounds = map.getBounds(); var endLo = bounds.getNorthEast(); var startLo = bounds.getSouthWest(); addMarker(..

onChange는 아래와 같이 쓰입니다. 에서 onChange를 사용하는 방법은 아래와 같습니다.