채택완료

카카오지도 관련 질문 좀 드립니다.

2020-12-06 (일) 17:32:32 2,172

아래는 카카오맵 스크립트 인데요

마커가 지도 중앙에 표시될때도 있고 또 어쩔때는 오른쪽에 표시가 되네요

조언 좀 부탁 드립니다"꾸벅"

<div id="map" style="width:100%;height:300px;"></div>

<script type="text/javascript"
        src="//dapi.kakao.com/v2/maps/sdk.js?appkey="></script>

<script>
        var mapContainer = document.getElementById('map'), // 지도를 표시할 div
            mapOption = {
                center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
                level: 5 // 지도의 확대 레벨
            };
// 지도를 생성합니다  
        var map = new kakao.maps.Map(mapContainer, mapOption);

// 주소-좌표 변환 객체를 생성합니다
        var geocoder = new kakao.maps.services.Geocoder();

// 주소로 좌표를 검색합니다
        var geocoderCallback = function (result, status) {
        var latX, latY;

            // 정상적으로 검색이 완료됐으면
            if (status === kakao.maps.services.Status.OK && 0 < result.length) {
 
                if (1 === result.length) {
                    latX = result[0].x;
                    latY = result[0].y;
                } else {
                    console.log('1<', result); // 적절하게 예외처리
                }
 
                console.log(mapOption);
                var latlng = new kakao.maps.LatLng(latY, latX);
                // 결과값으로 받은 위치를 마커로 표시합니다
                var marker = new kakao.maps.Marker({
                    map: map,
                    position: latlng
                });
 
                // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
                map.setCenter(latlng);
 
                var position = latlng;

    </script>

|

답변 1개

채택된 답변
+20 포인트

https://sir.kr/g5_skin/38150

스킨 다운받아서 지도 부분 참고하세요.

답변을 작성하려면 로그인이 필요합니다.