네이버 지도 오픈 API 사용시 마커(marker) 항상 표시하기

Reviews & Design & Swim
About me /Contect/Admin

TISTORY
네이버 지도 오픈 API를 사용하여, 간단한 썸네일 형태의 지도를 출력해야 했습니다. 자전거 도로, 위성 사진, 교통현황 등 모든 것을 제외하고, 위치와 확대축소만이 가능한 지도가 필요했습니다. 마커(Marker)만 표시하기가 쉽지 않더군요. (초보이다 보니..)
http://dev.naver.com/openapi/apis/map/javascript_2_0/example 
네이버에서 제공하는 개발자 센터에 잘 나와 있었지만, 제가 원하는 지도(좌표)를 표시함과 동시에 마커가 나타나고 라벨이 나타나 있어야 했습니다만, 기본적으로 제공 되는 예제 소스들은 클릭 시 마크가 생기거나 드래그 마커가 기본적으로 배치되어 있었습니다. 너무나도 간단한 작업 이기에 예제로 만들어 놓지 않은 것인지... 처음 접하는 저로서는 우왕좌왕할 수밖에 없었습니다. 여러 가지 시도를 통해서 항상 마커가 표시된 코드를 작성하게 되어서, 저와 같은 분들이 있을 듯하여 블로그에 올립니다.

네이버지도오픈API관리자센터에 자세하게 설명이 나와 있지만...


네이버 지도 API를 사용하기 위해서는 기본적으로 키값을 할당받아야 합니다. http://dev.naver.com/openapi/register
위 경로를 통해서 받으실 수 있습니다. 키 값을 받고 기본 적용을 할 부분은 다음과 같습니다.


마커 표시 된 코드 간단한 설명보기

NaverOpenAPI.txt

위의 코드 사용하시면 아래와 같이 표시됩니다. 블로그가 드래그와 복사가 금지되어 있어서, 파일로 첨부합니다. 키 값과 위치 그리고 title 명을 변경하여 사용하세요. 아래와 같은 결과 값을 얻으실 수 있습니다. URL을 등록하여  사용하여야 정확하게 표현됩니다.


교통 현황 등 여러 부가 표시 기능은 네이버 개발자 센터를 이용하시면 편하게 작업하실 수 있습니다. 아 좌표를 구하는 방법은 네이버 지도 에서 원하시는 위치를 검색 하신 후에 URL 복사를 하시면 아래와 같이 코드가 등장하고 표시된 곳이 좌표가 되겠습니다.


API를 처음 접했는데, 참으로 어렵더군요. 무엇이든지 하면 된다는 것을 오늘 또 한 번 느낍니다. 
연관있는 콘텐츠