워드프레스에서 카카오맵 사용하기

워드프레스에서 카카오맵 사용하기

 

안녕하세요. 이번 시간에는 웹 사이트 제작 시 많이 사용하는 맵(map)에 대해 알아보겠습니다.

웹 사이트를 제작하면서 지도는 가게의 위치, 회사의 위치, 길찾기 등 여러곳에 쓰입니다.

일반적으로 가장 친숙한 google map api를 많이 사용하실텐데 2018년도에 google map api가 유료로 전환되면서 사용에 어려움을 느끼셨을껍니다.

google map api가 유료로 전환되면서 요금을 지불하고 사용하는 분도 계시고 다른 api를 이용하는 분도 계실껍니다. 허나 api를 자신의 사이트에 적용하는게 쉬운 작업은 아니라고 생각합니다.

그래서 이번에는 맵(map)을 간단하게 가지고오는 방법에 대해 말해볼까 합니다.

맵(map)을 가져올 때는 카카오맵을 이용하였습니다. 현재 카카오맵은 무료이지만 google map api와 같이 언제 유료가 될지 모르기때문에 사용에 참고하세요.

 

카카오맵 간단하게 사용하기

  1. 카카오맵에 접속 후 원하는 위치를 검색합니다.

2. URL 복사 방법

URL 복사 방법은 지도를 공유할 때 또는 링크로 지도를 알려줄 때 사용합니다.

 

3. HTML 태그 복사 방법

HTML 태그 복사 방법이 워드프레스에서 지도를 보여줄 때 적합한 방법입니다.

HTML 태그 복사를 선택하면 지도의 크기를 설정할 수 있습니다. 지도 크기 설정 후 [소스 생성하기]를 선택하면 HTML 태그를 만들어주는데 이 HTML 태그를 원하는 곳에 넣어주면 됩니다.

HTML 태그가 들어가는 위치에 넣어주면 해당 위치의 지도가 출력됩니다. HTML 태그 안에서 크기를 설정하여 반응형으로 제작할 수 있습니다.

 

정말 간단합니다.

검색을 통해 위치를 파악하는 것은 안되지만 원하는 위치를 쉽게 뽑아내서 보여줄 수 있다는 장점이 있습니다.

어떠한 위치를 고정으로 알려줄 때 유용하게 쓰이지 않을까요? 🙂

 

이상으로 워드프레스에서 카카오맵 간단 이용 방법이었습니다.

감사합니다 🙂

댓글 남기기