[워드프레스] 누구나 따라 할 수 있는 페이지에 카카오 지도 삽입하기 (API 설정 X)
블로그에 맛집 리뷰를 쓰고 싶은데 장소를 표시할 지도 플러그인이 마땅히 없었다.
유료나 API 키 발급이 필요한 방법은 비용이 들거나 귀찮으니까… 덜 귀찮은 방법을 찾고 싶었다.
구글맵, 네이버맵 사용법을 보고
API 키니… 건 당 비용이니…
뭐든 고려하기 귀찮으신 분? 어려우신 분?
이 포스팅을 아주 잘 찾으셨다. 원하는 방법이 여기 있을지도 모른다.😅
생각해 보면 예전에는 무료로 복사 & 붙여 넣기면 포스트에 지도 하나 뚝딱 넣을 수 있었는데 지금도 가능하지 않을까? 싶어서 아래에 내용 정리를 해본다.
API 키 없이 지도를 넣는 방법은 카카오가 유일했다.(갓카오…🥹)
구글맵도 꼼수로 가능하긴 한데 국내 지도 퀄리티가 떨어지고 내가 설명하려는 방식보다 손이 많이 가서 카카오가 낫다고 판단. 무료인 오픈 스트리트 맵 역시 국내 지도 퀄리티가 떨어진다.
카카오 지도 서비스가 중단되지 않는 한 해외 지도 서비스는 고려대상이 아니었다.
네이버 지도 서비스에 비해 비용이나 사용성에서도 카카오 지도 서비스가 압승이다.
🔰API 키 없이 지도 넣기
우선 카카오 지도에 접속해서 위치를 검색하자
위치를 검색했으면 아래 순서대로 따라 하면 된다.
나는 예시를 들기 위해 자주 가는 동네 카페를 검색했다.😅
복사한 HTML 소스를 “사용자 정의 HTML 블록”에 붙여 넣기
붙여 넣은 HTML 소스 상단, 지도 노드 주석 쪽에 형광펜 체크해놓은 스타일만 추가해 주자
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1687628508048" class="root_daum_roughmap root_daum_roughmap_landing"
style="margin: auto; min-width: 100%;"
></div>✅결과
