- 저작권 침해가 우려되는 컨텐츠가 포함되어 있어
글보내기 기능을 제한합니다.
네이버는 블로그를 통해 저작물이 무단으로 공유되는 것을 막기 위해, 저작권을 침해하는 컨텐츠가 포함되어 있는 게시물의 경우 글보내기 기능을 제한하고 있습니다.
상세한 안내를 받고 싶으신 경우 네이버 고객센터로 문의주시면 도움드리도록 하겠습니다. 건강한 인터넷 환경을 만들어 나갈 수 있도록 고객님의 많은 관심과 협조를 부탁드립니다.
네이버지도를 홈페이지에 넣으면 참좋겠다 싶은데 1. 다음지도에서 원하는 곳을 검색
저는 지도사이즈를 가로400px, 세로400px로 했습니다! (모바일로 100%하시더라고 아무사이즈나 입력해주세용)
<body>
<div class="mobile_map">
</div><!--.mobile_map-->
</body>
<body>
<div class="mobile_map">
<!-- * Daum 지도 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1520582716891" class="root_daum_roughmap root_daum_roughmap_landing"></div>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1520582716891",
"key" : "n5y5",
"mapWidth" : "400",
"mapHeight" : "400"
}).render();
</script>
</div>
</div><!--.mobile_map -->
</body>
끝~ 여기까지 그냥 pc버전으로 사용하시면 되구요
다음지도 소스를 확인하시면 .root_daum_roughmap 클래스에 css가 적용된걸 보실 수 있는데요~ 처음에 지도가로사이즈 400은 무시하고 무조건 100%꽉차게 지정할 거에요! <style>
.mobile_map .root_daum_roughmap {width:100%!important;}
</style>
width:100%옆에다가 화면 사이즈에 따라 지도가 줄었다~늘었다 합니다ㅋㅋㅋ |
작성하신 에 이용자들의 신고가 많은 표현이 포함되어 있습니다.
다른 표현을 사용해주시기 바랍니다.
건전한 인터넷 문화 조성을 위해 회원님의 적극적인 협조를 부탁드립니다.
더 궁금하신 사항은 고객센터로 문의하시면 자세히 알려드리겠습니다.