k

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

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

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

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

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

브라우저 테스트 : 사파리, 크롬, 익스7~10

첨부파일

navermap_v2.zip (36.5 KB) 442회 2013-04-26 13:16
|

댓글 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"를 의미합니다.
#############################
오... 3년전부터 고민하던게 풀린 느낌.... 감사함다 ㅎㅎ. 어여 써봐야겠네요
네이버지도 사용할때 좋겠네요~ 감사합니다~ ^^
와우....감사합니다...^-^
너무 유용한 소스네요 ㅠㅠ 감사합니다.
감사합니다~ 그런데 마커 등록은 어떻게 하나요?
html 파일을 직접 수정하는 것 말고, 홈페이지상에서 주소와 설명을 입력하고 지도에 등록하고 싶은데요..ㅠ
파일 소스보기 하시면 스크립트 내부에
php 마커 노출될 목록 시작 <-- 이런부분이 있습니다.
이부분에 php로 DB내용을 양식에 맞게 추가 하시면 마커는 추가됩니다.
참고로 개수가 너무 많을경우는 렉이 걸리니 지도에 보여지는 마커개수를 조정해주세요.
댓글을 작성하시려면 로그인이 필요합니다. 로그인

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12년 전 조회 2,946
12년 전 조회 1,864
12년 전 조회 1,133
12년 전 조회 1,655
12년 전 조회 2,801
12년 전 조회 2,625
12년 전 조회 1,073
12년 전 조회 2,171
12년 전 조회 1,860
12년 전 조회 842
12년 전 조회 2,134
12년 전 조회 3,832
12년 전 조회 3,155
12년 전 조회 1,603
12년 전 조회 7,836
12년 전 조회 2,595
12년 전 조회 2,867
12년 전 조회 1,932
12년 전 조회 3,598
12년 전 조회 1,511
12년 전 조회 1,252
12년 전 조회 1,906
12년 전 조회 1,471
12년 전 조회 2,121
12년 전 조회 1,438
12년 전 조회 1,872
12년 전 조회 1,961
12년 전 조회 1,385
12년 전 조회 1,607
12년 전 조회 5,309
12년 전 조회 1,695
12년 전 조회 1,022
12년 전 조회 1,398
12년 전 조회 2,498
12년 전 조회 1,155
12년 전 조회 1,473
12년 전 조회 1,848
12년 전 조회 1,278
12년 전 조회 563
12년 전 조회 1,756
12년 전 조회 1,379
12년 전 조회 7,669
12년 전 조회 2,244
12년 전 조회 2,025
12년 전 조회 2,089
12년 전 조회 2,532
12년 전 조회 628
12년 전 조회 3,753
12년 전 조회 1,420
12년 전 조회 6,466
12년 전 조회 1,059
12년 전 조회 1,032
12년 전 조회 1,277
12년 전 조회 715
12년 전 조회 3,127
12년 전 조회 1,468
12년 전 조회 1,537
12년 전 조회 1,041
12년 전 조회 2,672
12년 전 조회 1,698
12년 전 조회 499
12년 전 조회 3,555
12년 전 조회 1,066
12년 전 조회 867
12년 전 조회 1,252
12년 전 조회 5,610
12년 전 조회 1,240
12년 전 조회 2,857
12년 전 조회 2,311
12년 전 조회 530
12년 전 조회 2,989
12년 전 조회 1,436
12년 전 조회 1,342
12년 전 조회 1,401
12년 전 조회 3,321
12년 전 조회 2,094
12년 전 조회 3,753
12년 전 조회 8,626
12년 전 조회 4,235
12년 전 조회 3,802
12년 전 조회 1,407
12년 전 조회 1,487
12년 전 조회 3,196
12년 전 조회 4,036
12년 전 조회 4,440
12년 전 조회 1,656
12년 전 조회 1,342
12년 전 조회 934
12년 전 조회 1,033
12년 전 조회 2,771
12년 전 조회 2,784
12년 전 조회 1,308
12년 전 조회 2,844
12년 전 조회 1,328
12년 전 조회 8,509
12년 전 조회 1,563
12년 전 조회 3,822
12년 전 조회 6,436
12년 전 조회 1,617
12년 전 조회 2,878
🐛 버그신고