<meta charset="utf-8"/>
<title>Kakao 지도 시작하기</title>
<div id="map" style="width:500px;height:400px;"></div>
<script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=개인키&libraries=services"></script>
<script>
var container = document.getElementById('map');
var options = {
center: new kakao.maps.LatLng(33.450701, 126.570667),
level: 4
};
// 현재 사용자의 위치 받아오기
var map = new kakao.maps.Map(container, options);
/*
const locationLoadSuccess = pos => {
const currentPos = new kakao.maps.LatLng(pos.coords.latitude,pos.coords.longitude)
map.panTo(currentPos)
}
navigator.geolocation.getCurrentPosition(locationLoadSuccess)
*/
// 지도를 생성합니다
//var map = new kakao.maps.Map(mapContainer, mapOption);
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new kakao.maps.services.Geocoder();
// 주소로 좌표를 검색합니다
geocoder.addressSearch('서울 강남구 역삼로 441', function(result, status) {
console.log("11111111111111111111");
console.log(result);
console.log(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);
}
})
</script>
개발api문서 참고해서
주소를 검색해서 좌표를 받아오고
그거를 마커로 표시,중앙표시 해주려고 하는데
addressSearch 함수에서 에러가 나네요
원인이 뭘까요?