구글맵 API2009. 12. 28. 14:33

맵을 클릭하면 클릭한 위치에 마커를 표시해주는 코드입니다.

    function GM_load() {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(36.615527, 127.353515), 12);
        map.setUIToDefault();
        map.enableGoogleBar();

        GEvent.addListener(map, "click", function(overlay,point) {
            if (point) {
                lmarker = new GMarker(point);
                map.addOverlay(lmarker);
                lmarker.setImage("http://maps.google.com/mapfiles/ms/icons/red-pushpin.png");
            }
        });
    }
예제보기

GEvent.addListener 를 이용하여 마커를 추가했습니다.
마커의 이미지를 바꾸고 싶으면 lmarker.setImage의 파일 경로를 수정하면 됩니다.
마커 이미지와 관련한 자세한 정보는 블로그 참조.

Posted by 못생긴나무