모바일 지도 문의입니다.
본문
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1586185515772" class="root_daum_roughmap root_daum_roughmap_landing"></div>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1586185515772",
"key" : "xt9a",
"mapWidth" : "800",
"mapHeight" : "500"
}).render();
</script>
이런식으로 카카오 지도를 넣었고 PC에서는 잘 보입니다만
모바일에선 위치를 제대로 못잡네요..
저렇게 한쪽으로 치우쳐져서 나옵니다..
이건 어떻게 처리를 해야될까요?
답변 2
감사합니다. 해결했습니다.
모바일인경우 총 사이즈가 800으로 처리되기때문에 이렇게 보이는듯 합니다.
해당 모바일 사이즈에 맞게 리사이징을 하거나 100%로 처리해보시거나 mapWidth를 없애고 확인해 보시길 바랍니다.