다음지도(카카오지도) 반응형시 중앙 마커 자동으로 중앙으로 이동하는 방법 알고 계시나요? 채택완료
masahide
5년 전
조회 3,754
안녕하세요.
다음지도(카카오지도)를 반응형 홈페이지에 넣었습니다.
아래처럼 적용하면 PC나 모바일에서나 원하는대로 잘 보여집니다.
그런데 문제는 PC에서 브라우져 크기를 마우스로 좌측으로 줄일 때,
지도 크기는 정상적으로 줄어들지만,
자도의 중앙 마커 위치가 자동으로 중앙으로 이동을 하지 않습니다.
새로고침을 해야만 마커도 중앙으로 오네요.
구글맵은 마우스 좌측으로 줄일 때 마커도 자동으로 이동하던데,
혹시 다음지도는 이렇게 사용 할 수 있는 방법이 없을까요?
</p>
<p><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
}; </p>
<p>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)
});</p>
<p>var overlay = new daum.maps.CustomOverlay({
content: content,
map: map,
position: marker.getPosition()
});</p>
<p>daum.maps.event.addListener(marker, 'click', function() {
overlay.setMap(map);
});</p>
<p>function closeOverlay() {
overlay.setMap(null);
}
</script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인
제가 방법을 몰라서요.