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,929
12년 전 조회 1,847
12년 전 조회 1,111
12년 전 조회 1,637
12년 전 조회 2,777
12년 전 조회 2,604
12년 전 조회 1,055
12년 전 조회 2,153
12년 전 조회 1,844
12년 전 조회 827
12년 전 조회 2,113
12년 전 조회 3,820
12년 전 조회 3,128
12년 전 조회 1,586
12년 전 조회 7,816
12년 전 조회 2,578
12년 전 조회 2,843
12년 전 조회 1,915
12년 전 조회 3,583
12년 전 조회 1,494
12년 전 조회 1,229
12년 전 조회 1,888
12년 전 조회 1,458
12년 전 조회 2,104
12년 전 조회 1,427
12년 전 조회 1,855
12년 전 조회 1,944
12년 전 조회 1,366
12년 전 조회 1,598
12년 전 조회 5,293
12년 전 조회 1,678
12년 전 조회 1,006
12년 전 조회 1,372
12년 전 조회 2,475
12년 전 조회 1,139
12년 전 조회 1,457
12년 전 조회 1,835
12년 전 조회 1,263
12년 전 조회 547
12년 전 조회 1,742
12년 전 조회 1,364
12년 전 조회 7,653
12년 전 조회 2,227
12년 전 조회 2,012
12년 전 조회 2,072
12년 전 조회 2,514
12년 전 조회 612
12년 전 조회 3,739
12년 전 조회 1,401
12년 전 조회 6,448
12년 전 조회 1,041
12년 전 조회 1,017
12년 전 조회 1,277
12년 전 조회 695
12년 전 조회 3,121
12년 전 조회 1,446
12년 전 조회 1,524
12년 전 조회 1,025
12년 전 조회 2,656
12년 전 조회 1,683
12년 전 조회 482
12년 전 조회 3,541
12년 전 조회 1,049
12년 전 조회 847
12년 전 조회 1,240
12년 전 조회 5,596
12년 전 조회 1,220
12년 전 조회 2,842
12년 전 조회 2,291
12년 전 조회 511
12년 전 조회 2,972
12년 전 조회 1,417
12년 전 조회 1,327
12년 전 조회 1,385
12년 전 조회 3,305
12년 전 조회 2,080
12년 전 조회 3,733
12년 전 조회 8,616
12년 전 조회 4,215
12년 전 조회 3,781
12년 전 조회 1,396
12년 전 조회 1,472
12년 전 조회 3,182
12년 전 조회 4,025
12년 전 조회 4,419
12년 전 조회 1,642
12년 전 조회 1,330
12년 전 조회 915
12년 전 조회 1,016
12년 전 조회 2,755
12년 전 조회 2,769
12년 전 조회 1,288
12년 전 조회 2,830
12년 전 조회 1,316
12년 전 조회 8,491
12년 전 조회 1,540
12년 전 조회 3,804
12년 전 조회 6,419
12년 전 조회 1,600
12년 전 조회 2,864
🐛 버그신고