지도를 이동하는 간단한 예제를 보겠습니다.
var map;
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(36.615527, 127.353515), 13);
}
}
function animate() {
map.panTo(new GLatLng(36.4569, 127.1569));
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
<form action="#" onsubmit="animate(); return false">
<p>
<input type="submit" value="Move!" />
</p>
</form>
</body>
가장 단순한 형태의 맵을 로드했고, <body> 태그 안에 form이 하나 추가되었습니다.
form에는 submit 타입의 버튼 하나만 있고, 버튼을 누르면 지도가 이동되도록 작성했습니다.
지도 이동은 panTo 함수 호출로 끝입니다.
panTo의 멤버로는 GLatLng의 객체로 좌표만 넘겨주면 됩니다.
간단하죠.
출처 : http://code.google.com/intl/ko/apis/maps/documentation/examples
