주소검색이 작동하지 않습니다

지도/로컬 API
,
#1

인풋 ID를 keyword로 설정하고 버튼 옵션에 onclick=“btnsearch_click()” 지정하고

 // 버튼을 click했을때
    function btnsearch_click(){
		// 주소-좌표 변환 객체를 생성합니다
		var geocoder = new kakao.maps.services.Geocoder();
		// 주소로 좌표를 검색합니다
		geocoder.addressSearch($('#keyword').val(), function(result, status) {
		    // 정상적으로 검색이 완료됐으면 
		     if (status === kakao.maps.services.Status.OK) {
		        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
		        // 결과값으로 받은 위치를 마커로 표시합니다
		        var marker = new kakao.maps.Marker({
		            map: map,
		            position: coords
		        });
		        // 인포윈도우로 장소에 대한 설명을 표시합니다
		        var infowindow = new kakao.maps.InfoWindow({
		            content: '<div style="width:150px;text-align:center;padding:6px 0;">장소</div>'
		        });
		        infowindow.open(map, marker)
		        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
		        map.setCenter(coords)
             }
        })};

했는데, 샘플 페이지에서 직접해보기로 해보면 주소검색이 되면서 지도가 주소의 중앙으로 위치합니다. 그러나 이 소스를 index.html 에 넣어서 작동시키면 전혀 반응을 하지 않는데요. 무엇이 잘못됐는지요?

#2

$를 사용하고 계신데 로컬에서 jQuery 스크립트를 추가했는지 확인해주세요.

#3

어찌어찌 했는데, 주소검색시 장소에 마커가 찍히는데 다시 한번 더 주소검색하면 기존 마커가 사라지지가 않습니다. 어떻게 사라지게 하는지요?

#4

이전에 생성한 마커를 marker.setMap(null);을 이용해서 삭제해주세요.