네이버 지도를 이용해 만든 레이아웃입니다. > 퍼블리셔팁

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

네이버 지도를 이용해 만든 레이아웃입니다. 정보

HTML 네이버 지도를 이용해 만든 레이아웃입니다.

첨부파일

navermap_v2.zip (36.5K) 495회 다운로드 2013-04-26 13:16:20

본문

네이버 지도 api 에서 제공하는 대부분의 기능을 구현했습니다.
문제가 있거나 하면 ^^ 쪽지주세용~ㅎㅎ

1. 파일을 다운받아 압축을 푼다.
2. 서버에 올린다.
3. 코딩내에 네이버 키값을 교체한다
4. 바로 페이지가 보입니다.

http://apps.kiplayer.gethompy.com/sample/navermap_v2/

사용하실때 네이버키, 아이콘이미지는 반드시 교체 하시고 사용하세요 ^^
내부 소스에 이해하시기 쉽게 적어놓았는데 마크아이콘과 정보창의 형태가 2가지로 구현되어 있으며,
수정하셔서 종류를 늘리실 수 있습니다.

브라우저 테스트 : 사파리, 크롬, 익스7~10
추천
4
  • 복사

댓글 19개

# 좌표값으로 혼란이 있으신분들 해당 내용참조하세요. "kiplayer" 님께서 자세히 알려주셨습니다. 감사합니다.



############# 쪽지내용 ###################
안녕하세요.^^

좌표 타입이 달라서 그런것인데요.
6~7자리 숫자로 되어 있던것은 예전 네이버에서 사용하던
TM128입니다.

LatLng : 00.0000000
TM128 : 0000000

좌표값을 구할때 사용하는 api 주소를 알려드릴게요.
주소=>LatLng 좌표 변환
http://openapi.map.naver.com/api/geocode.php?key=2f0f1bb6134d620add9340d44317cc5f&encoding=euc-kr&coord=LatLng&query=주소


>
>
> 안녕하세요.
>
> 네이버지도 공개 감사드립니다.
>
> 한가지 궁금한 사항이 있습니다.
>
> 기존의 단일 출력은 좌표값이
>
> X : 5865482
> Y : 2865482
>
>
> 이렇게 나오는데 공개해주신 좌표는 특이하더라구요.
>
> 1차X : 37.573042
> 2차Y : 126.9889176
>
> 소스 2차X : 37.5730420000000009395080269314348697662353515625
> 소스 2차Y : 126.988917599999922458664514124393463134765625
>
>
> 상기 좌표값은 어디서 얻어서 오는지 질문드립니다. api에 가서 봐도 전자에 말씀드린 좌표값만 나와서요.
>
> 감사합니다. ^^
>
########################################



######## 아직남은 의문점 #######
해당 xml에서 좌표값을 가져오는데 2차 코드와 같은 긴좌표값과의 차이점과 해당값은 보이지 않는데 어떤 것인지 아직 파악안됩니다.
2차 코드란 : 37.5730420000000009395080269314348697662353515625

와 같이 앞 "37.573042"는 xml으로 가져오지만 나머지 뒷자리 숫자 "0000000009395080269314348697662353515625"를 의미합니다.
#############################
감사합니다~ 그런데 마커 등록은 어떻게 하나요?
html 파일을 직접 수정하는 것 말고, 홈페이지상에서 주소와 설명을 입력하고 지도에 등록하고 싶은데요..ㅠ
파일 소스보기 하시면 스크립트 내부에
php 마커 노출될 목록 시작 <-- 이런부분이 있습니다.
이부분에 php로 DB내용을 양식에 맞게 추가 하시면 마커는 추가됩니다.
참고로 개수가 너무 많을경우는 렉이 걸리니 지도에 보여지는 마커개수를 조정해주세요.
© SIRSOFT
현재 페이지 제일 처음으로