Google Maps API - Event

Google Maps 2007. 7. 21. 15:54
Events 설명
click 맵을 클릭할 때
dblclick 맵을 더블클릭할 때
singlerightclick 맵을 오른쪽버튼 클릭할 때
movestart 마우스로 맵을 잡고 옮기는 순간
move 마우스로 맵을 잡고 옮기는 동안
moveend 마우스로 맵을 잡고 옮기고 난뒤
zoomend 맵을 확대하거나 축소할 때
maptypechanged 맵타입이 바뀔 때
mouseover 맵위로 마우스가 올라갈 때
mouseout 맵위에서 마우스가 내려갈 때
infowindowopen 맵에서 말풍선이 생성될 때
infowindowclose 맵에서 말풍선을 닫을 때
dragstart 마우스로 맵을 잡고 드래그하는 순간
drag 마우스로 맵을 잡고 드래그하는 동안
dragend 마우스로 맵을 잡고 드래그한 뒤

이 외에 addmaptype, removemaptype, infowindowbeforeclose, addoverlay, removeoverlay, clearoverlays, load가 있는데 확인을 못해서 정리에서 빠졌습니다.
블로그 이미지

2010년1월어느날..

,

Google Maps API - Event Listeners

Google Maps 2007. 7. 21. 15:10
var map = new GMap2(document.getElementById("map"));
GEvent.addListener(map, "moveend", function() {
  var center = map.getCenter();
  document.getElementById("message").innerHTML = center.toString();
});
map.setCenter(new GLatLng(37.4419, -122.1419), 13);

이벤트를 사용하려면, GEvent.addListener 메소드를 이용해야된다.
위 코드는 맵을 잡고 드래그할 때 센터포인터를 반환하는 코드이다.

형식 : addListener(source, event, handler)

예제보기

블로그 이미지

2010년1월어느날..

,

Google Maps API - 컨트롤 추가하기

Google Maps 2007. 7. 21. 14:49
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(37.4419, -122.1419), 13);

addControl 메소드를 이용해서 맵을 컨트롤 할 수 있다.

GSmallMapControl : 센터, 줌 컨트롤
GMapTypeControl : 지도, 위성모드컨트롤

예제보기

블로그 이미지

2010년1월어느날..

,

Google Maps API - 맵센터 자동이동

Google Maps 2007. 7. 21. 14:39
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
window.setTimeout(function() {
  map.panTo(new GLatLng(37.4569, -122.1569));
}, 1000);

2초가 지난 후, 지정된 포인트로 센터가 이동함.

panTo메소드는 지정된 포인트로 이동하는 기능을 한다. 만약 포인트가 화면에 보이는곳이면 부드럽게 이동할것이고 안보이는 곳이면 그 포인트로 점프하게 된다.

예제보기

블로그 이미지

2010년1월어느날..

,

Google Maps API - 기본

Google Maps 2007. 7. 21. 14:30
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);

Palo Alto, California를 센터로 하는, 가장 기본적인 맵을 생성.

예제보기
블로그 이미지

2010년1월어느날..

,

공지사항

글 보관함

달력

«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
12-02 11:22

티스토리툴바