카카오맵 클릭했을때 지도 위치 변경

 
<!-- html tag -->
<div id="map" style="width:500px;height:500px;"></div>
 
 
 
<!-- script -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은자바스크립트키&libraries=services,clusterer"></script>
 
<script type="text/javascript">
    var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스
    var options = { //지도를 생성할 때 필요한 기본 옵션
    center: new daum.maps.LatLng(33.450701, 126.570667), //지도의 중심좌표.
    level: 3 //지도의 레벨(확대, 축소 정도)
    };
 
    var map = new daum.maps.Map(container, options); //지도 생성 및 객체 리턴
 
 
    /*

         28번째 줄부터 44번째 줄까지 function으로 묶어줍니다.

    */
 
    // 주소로 좌표를 검색합니다
    function mapSearch(map_adrs){
        geocoder.addressSearch(map_adrs, function(result, status) {
 
            // 정상적으로 검색이 완료됐으면 
             if (status === daum.maps.services.Status.OK) {
 
                var coords = new daum.maps.LatLng(result[0].y, result[0].x);
 
                // 결과값으로 받은 위치를 마커로 표시합니다
                var marker = new daum.maps.Marker({
                    map: map,
                    position: coords
                });
 
                // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
                map1.setCenter(coords);
            } 
        });
    }
 
    /*

        선택자를 클릭했을때 묶어주었던 function인 mapSearch()를 호출합니다.

        호출하면서 선택자의 텍스트 값 == 주소 값을 담아 값을 넘겨줍니다.

        클릭하면서 해당 선택자에 쓰여있는 주소값으로 주소가 바뀌게 됩니다.

    */
 
    $('선택자').on('click', function(){
        var new_address = $(this).text();
        mapSearch(new_address);
    }); 
</script>