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,940
12년 전 조회 1,860
12년 전 조회 1,128
12년 전 조회 1,652
12년 전 조회 2,798
12년 전 조회 2,620
12년 전 조회 1,071
12년 전 조회 2,169
12년 전 조회 1,858
12년 전 조회 838
12년 전 조회 2,130
12년 전 조회 3,829
12년 전 조회 3,152
12년 전 조회 1,598
12년 전 조회 7,833
12년 전 조회 2,592
12년 전 조회 2,864
12년 전 조회 1,930
12년 전 조회 3,596
12년 전 조회 1,506
12년 전 조회 1,248
12년 전 조회 1,901
12년 전 조회 1,469
12년 전 조회 2,120
12년 전 조회 1,434
12년 전 조회 1,870
12년 전 조회 1,956
12년 전 조회 1,382
12년 전 조회 1,605
12년 전 조회 5,307
12년 전 조회 1,693
12년 전 조회 1,021
12년 전 조회 1,393
12년 전 조회 2,492
12년 전 조회 1,152
12년 전 조회 1,470
12년 전 조회 1,848
12년 전 조회 1,271
12년 전 조회 561
12년 전 조회 1,754
12년 전 조회 1,374
12년 전 조회 7,666
12년 전 조회 2,243
12년 전 조회 2,023
12년 전 조회 2,085
12년 전 조회 2,529
12년 전 조회 627
12년 전 조회 3,752
12년 전 조회 1,419
12년 전 조회 6,461
12년 전 조회 1,055
12년 전 조회 1,029
12년 전 조회 1,277
12년 전 조회 713
12년 전 조회 3,124
12년 전 조회 1,463
12년 전 조회 1,534
12년 전 조회 1,041
12년 전 조회 2,669
12년 전 조회 1,695
12년 전 조회 493
12년 전 조회 3,552
12년 전 조회 1,064
12년 전 조회 862
12년 전 조회 1,248
12년 전 조회 5,607
12년 전 조회 1,234
12년 전 조회 2,855
12년 전 조회 2,309
12년 전 조회 527
12년 전 조회 2,987
12년 전 조회 1,430
12년 전 조회 1,340
12년 전 조회 1,397
12년 전 조회 3,320
12년 전 조회 2,089
12년 전 조회 3,750
12년 전 조회 8,623
12년 전 조회 4,233
12년 전 조회 3,799
12년 전 조회 1,405
12년 전 조회 1,483
12년 전 조회 3,192
12년 전 조회 4,034
12년 전 조회 4,437
12년 전 조회 1,656
12년 전 조회 1,341
12년 전 조회 930
12년 전 조회 1,029
12년 전 조회 2,768
12년 전 조회 2,780
12년 전 조회 1,306
12년 전 조회 2,842
12년 전 조회 1,325
12년 전 조회 8,507
12년 전 조회 1,558
12년 전 조회 3,819
12년 전 조회 6,431
12년 전 조회 1,615
12년 전 조회 2,876
🐛 버그신고