다음지도(카카오지도) 반응형시 중앙 마커 자동으로 중앙으로 이동하는 방법 알고 계시나요?
본문
안녕하세요.
다음지도(카카오지도)를 반응형 홈페이지에 넣었습니다.
아래처럼 적용하면 PC나 모바일에서나 원하는대로 잘 보여집니다.
그런데 문제는 PC에서 브라우져 크기를 마우스로 좌측으로 줄일 때,
지도 크기는 정상적으로 줄어들지만,
자도의 중앙 마커 위치가 자동으로 중앙으로 이동을 하지 않습니다.
새로고침을 해야만 마커도 중앙으로 오네요.
구글맵은 마우스 좌측으로 줄일 때 마커도 자동으로 이동하던데,
혹시 다음지도는 이렇게 사용 할 수 있는 방법이 없을까요?
<div id="map" class="margin10" style="width:100%;height:400px;position:relative"></div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=000000000"></script>
<script>
var mapContainer = document.getElementById('map'),
mapOption = {
center: new daum.maps.LatLng(37.0000000, 127.00000000),
level:5
};
var map = new daum.maps.Map(mapContainer, mapOption);
var mapTypeControl = new daum.maps.MapTypeControl();
map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);
var zoomControl = new daum.maps.ZoomControl();
map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
var marker = new daum.maps.Marker({
map: map,
position: new daum.maps.LatLng(37.00000000, 127.00000000)
});
var overlay = new daum.maps.CustomOverlay({
content: content,
map: map,
position: marker.getPosition()
});
daum.maps.event.addListener(marker, 'click', function() {
overlay.setMap(map);
});
function closeOverlay() {
overlay.setMap(null);
}
</script>
답변 1
제기억으론 창 자체를 마우스로 줄일때 지도영역 사이즈를 먼저 잡아줘야하는걸로 알고있어용 스크립트로 리사이즈시 지도 사이즈 잡아줘보세요
친절하신 답변 감사합니다.
제가 방법을 몰라서요.
답변을 작성하시기 전에 로그인 해주세요.
