728x90

목동코딩학원: 카카오 맵 사용하는 방법

카카오 지도에 DB에서 가져온 주소로 위치를 마커할 필요가 있을때 사용하면 된다

<script type="text/javascript">
var daum_wrap,
    mapContainer,
    mapOption = {
        center: new kakao.maps.LatLng(37.521139, 126.873561), // 기본위치 중심좌표
        level: 5 // 지도의 확대 레벨
    },
    map,
    geocoder = new kakao.maps.services.Geocoder(),
    marker,
    mobileScroll = 0;

$(document).ready(function () {
    var geocoder = new kakao.maps.services.Geocoder();
    var funeralName = "주소";
    geocoder.addressSearch(funeralName, function(result, status) {
        if (status === kakao.maps.services.Status.OK) {
            daum_wrap = document.getElementById('address_funeral')
            mapOption.center = new kakao.maps.LatLng(result[0].y, result[0].x)
            mapContainer = document.getElementById('map')
            map = new kakao.maps.Map(mapContainer, mapOption)
            marker = new kakao.maps.Marker({
                    position: new kakao.maps.LatLng(result[0].y, result[0].x),
                    map: map
            });
        }

    });

});
</script>
728x90

+ Recent posts