[다음] 홈페이지에 간단하게 지도 삽입하는 방법(상호추가하여) > 기술자료 | 해피정닷컴

[다음] 홈페이지에 간단하게 지도 삽입하는 방법(상호추가하여) > 기술자료

본문 바로가기

사이트 내 전체검색

[다음] 홈페이지에 간단하게 지도 삽입하는 방법(상호추가하여) > 기술자료

HTML [다음] 홈페이지에 간단하게 지도 삽입하는 방법(상호추가하여)

페이지 정보


본문

1. https://map.kakao.com 접속

2. 검색창에 상호 또는 주소 입력

3-1. 상호검색 결과가 있을때
-. 검색결과의  상세보기 클릭
-. 상세화면 우측 상단에  약도만들기  클릭
-. 소스 생성하기

3-2. 주소로만 검색가능할때
-. 검색결과 화면에서  지도공유  >  지도 퍼가기   클릭
-. 지도퍼가기 화면에서  주소를 마우스 클릭해서  적절한 단어로 변경
-. 지도 크기 등 정보 변경

4.. 소스 생성하기

5. 홈페이지에 삽입 

사용방법 : http://blog.daum.net/daummaps/482 



https://  홈페이지에서 오류날때
생성된 소스내용중
<script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script>
로 인해서 https:// 홈페이지에 적용하면 보안오류 경고창이 뜨는 경우가 있습니다.

이때는 
<script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script>

<script>
(function(){var c=(location.protocol=="https:")?"https:":"http:";var a="9aa685d2";if(window.daum&&window.daum.roughmap&&window.daum.roughmap.cdn){return}window.daum=window.daum||{};window.daum.roughmap={cdn:a,URL_KEY_DATA_LOAD_PRE:c+"//t1.daumcdn.net/roughmap/",url_protocal:c};var b=c+"//t1.daumcdn.net/kakaomapweb/place/jscss/roughmap/"+a+"/roughmapLander.js";document.write('<script charset="UTF-8" src="'+b+'"><\/script>')})();
</script>
로 교체하면 보안문제 알림창 없이 잘 지도가 보입니다.



반응형 홈페이지에 지도 삽입할때
1. 약도노드에 style="width:100%" 추가
<div id="daumRoughmapContainer*********" class="root_daum_roughmap root_daum_roughmap_landing" style="width:100%"></div>
 
2. 실행스크립트의 mapWidth 를 주석처리
//"mapWidth" : "640",
"mapWidth" : "640",


참고자료
https://sir.kr/qa/297381

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 61 페이지
  • RSS
기술자료 목록
1434
MSSQL   23439  2013-09-12 16:49  
1433
MySQL   12815  2013-09-12 14:02 ~ 2017-10-30 02:22  
1432
일반   23770  2013-09-11 23:30  
1431
MSSQL   24748  2013-09-10 22:21  
1430
그누보드   14746  2013-09-06 22:28  
1429
그누보드   15125  2013-09-05 10:41 ~ 2018-11-16 02:59  
1428
일반   25401  2013-09-03 22:48 ~ 2021-04-09 14:45  
1427
일반   20414  2013-09-03 22:45 ~ 2016-04-19 00:00  
1426
Adobe   32838  2013-09-03 20:20 ~ 2016-11-04 00:00  
열람
HTML   21391  2013-09-03 09:54 ~ 2022-02-07 09:27  
1424
Adobe   26434  2013-09-02 17:33  
1423
전자결제   26420  2013-09-02 14:14 ~ 2014-09-12 00:00  
1422
그누보드   12000  2013-08-29 00:48  
1421
MSSQL   17375  2013-08-28 10:20  
1420
PHP   20242  2013-08-22 17:44 ~ 2019-10-06 10:37  
1419
PHP   22728  2013-08-22 13:35 ~ 2021-08-20 19:00  
1418
Java   24756  2013-08-21 16:40  
1417
etc쇼핑몰   12140  2013-08-21 13:27  
1416
Adobe   13451  2013-08-20 09:34  
1415
HTML   16062  2013-08-19 15:19  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.