k

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

· 2013-04-26 (금) 13:16:20 · 9484 · 19
네이버 지도 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개

good!!!
굿~~감사합니당~
2013-05-05 (일) 11:04:15
좋아요~
감사합니다
잘활~~~
^____^ 감사합니다
Good입니다 ㅋ
사용해주셔서 감솽~~~~^^
좋으네요^^
2013-07-04 (목) 18:56:39
감사합니다~
감사합니다
2013-07-05 (금) 17:09:52
감사합니다.
2013-07-09 (화) 09:53:11
# 좌표값으로 혼란이 있으신분들 해당 내용참조하세요. "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"를 의미합니다.
#############################
2013-08-28 (수) 10:43:48
오... 3년전부터 고민하던게 풀린 느낌.... 감사함다 ㅎㅎ. 어여 써봐야겠네요
네이버지도 사용할때 좋겠네요~ 감사합니다~ ^^
와우....감사합니다...^-^
너무 유용한 소스네요 ㅠㅠ 감사합니다.
2014-08-23 (토) 17:12:18
감사합니다~ 그런데 마커 등록은 어떻게 하나요?
html 파일을 직접 수정하는 것 말고, 홈페이지상에서 주소와 설명을 입력하고 지도에 등록하고 싶은데요..ㅠ
파일 소스보기 하시면 스크립트 내부에
php 마커 노출될 목록 시작 <-- 이런부분이 있습니다.
이부분에 php로 DB내용을 양식에 맞게 추가 하시면 마커는 추가됩니다.
참고로 개수가 너무 많을경우는 렉이 걸리니 지도에 보여지는 마커개수를 조정해주세요.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
13-07-14 조회 5,396
13-07-14 조회 5,367
13-07-14 조회 4,651
13-07-14 조회 4,252
13-07-14 조회 4,110
13-07-14 조회 4,177
13-07-14 조회 4,893
13-07-14 조회 4,538
13-07-14 조회 4,323
13-07-14 조회 5,367
13-07-14 조회 5,249
13-07-14 조회 5,034
13-07-14 조회 4,737
13-07-14 조회 5,410
13-07-13 조회 3,574
13-07-01 조회 5,652
13-07-01 조회 5,760
13-07-01 조회 3,847
13-07-01 조회 5,231
13-05-27 조회 3,951
13-05-21 조회 4,879
13-05-02 조회 1만
13-04-29 조회 5,179
13-04-15 조회 5,444
13-04-13 조회 6,361
13-02-27 조회 3,837
13-02-26 조회 6,431
13-02-12 조회 5,042
13-02-01 조회 2.3만
13-01-23 조회 3,439
13-01-09 조회 7,995
13-01-07 조회 4,925
13-01-07 조회 3,664
13-01-04 조회 1.3만
13-01-03 조회 1.2만
12-12-31 조회 6,152
12-12-27 조회 4,428
12-12-27 조회 4,092
12-12-27 조회 8,740
12-12-18 조회 3,610
12-12-12 조회 3,670
12-12-12 조회 6,679
12-12-12 조회 8,126
12-12-05 조회 5,269
12-12-01 조회 6,668
12-11-22 조회 4,592
12-11-09 조회 5,425
12-11-09 조회 7,509
12-10-29 조회 4,755
12-10-16 조회 6,308
12-10-09 조회 5,307
12-09-02 조회 4,449
12-09-01 조회 3,556
12-08-30 조회 4,205
12-08-30 조회 4,207
12-08-28 조회 3,531
12-08-21 조회 7,143
12-08-20 조회 3,665
12-08-18 조회 5,062
12-08-18 조회 3,437
12-08-11 조회 3,609
12-08-09 조회 3,721
12-08-07 조회 3,637
12-08-07 조회 4,220
12-08-01 조회 4,548
12-08-01 조회 4,383
12-07-20 조회 9,822
12-07-17 조회 4,151
12-07-15 조회 3,919
12-07-10 조회 4,206
12-07-09 조회 6,922
12-07-05 조회 3,257
12-07-04 조회 3,420
12-06-30 조회 5,681
12-06-28 조회 3,754
12-06-20 조회 3,888
12-06-16 조회 3,182
12-06-14 조회 3,848
12-06-07 조회 3,892
12-06-06 조회 6,132
12-05-27 조회 4,438
12-05-25 조회 3,183
12-05-25 조회 3,029
12-05-24 조회 3,083
12-05-24 조회 4,516
12-05-23 조회 3,877
12-05-22 조회 6,490
12-05-15 조회 3,835
12-05-15 조회 3,618
12-05-14 조회 3,042
12-05-12 조회 3,510
12-05-11 조회 6,987
12-05-07 조회 4,414
12-04-28 조회 3,619
12-04-25 조회 5,247
12-04-15 조회 3,846
12-04-12 조회 4,679
12-04-11 조회 3,422
12-04-08 조회 3,261
12-03-21 조회 6,353