질문 ㅠ 카카오지도 호출시 정렬

질문 ㅠ 카카오지도 호출시 정렬

QA

질문 ㅠ 카카오지도 호출시 정렬

답변 1

본문

특정div를 고정(position:fixed)시키고 그안에 div id="map"을 뿌려 호출하고있습니다

그랬더니 카카오지도가 정신을 못차리는데

map.relayout();를 쓰라고하는데 잘안되는것같습니다 ㅠ
조언이나 관련 링크가 있을까요..ㅠ?

3529194778_1711001776.4243.png


<div class="mapbox" id="map_<?php echo $sequence ?>"></div>
                            <script>
                                var mapContainer = document.getElementById('map_<?php echo $sequence ?>'), // 지도를 표시할 div 
                                    mapOption = {
                                        center: new daum.maps.LatLng(<?php echo $rows['wr_5'] ?>, <?php echo $rows['wr_6'] ?>), // 지도의 중심좌표
                                        level: 13 // 지도의 확대 레벨
                                    };
                                // 지도를 생성
                                var map = new daum.maps.Map(mapContainer, mapOption);
                                    map.relayout();
                                // 일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다
                                var mapTypeControl = new daum.maps.MapTypeControl();
                                // 지도에 컨트롤을 추가해야 지도위에 표시됩니다
                                // daum.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다
                                map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);
                                // 지도 확대 축소를 제어할 수 있는  줌 컨트롤을 생성합니다
                                var zoomControl = new daum.maps.ZoomControl();
                                map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
                                // 주소-좌표 변환 객체 생성
                                var geocoder = new daum.maps.services.Geocoder();
                                // 마커
                                var marker = new daum.maps.Marker({
                                    map: map,
                                    // 지도 중심좌표에 마커를 생성
                                    position: map.getCenter()
                                });
                            </script>

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
filter #api ×
전체 258
© SIRSOFT
현재 페이지 제일 처음으로