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,917
12년 전 조회 1,835
12년 전 조회 1,098
12년 전 조회 1,623
12년 전 조회 2,764
12년 전 조회 2,592
12년 전 조회 1,042
12년 전 조회 2,144
12년 전 조회 1,830
12년 전 조회 817
12년 전 조회 2,102
12년 전 조회 3,808
12년 전 조회 3,119
12년 전 조회 1,576
12년 전 조회 7,806
12년 전 조회 2,566
12년 전 조회 2,827
12년 전 조회 1,905
12년 전 조회 3,578
12년 전 조회 1,476
12년 전 조회 1,219
12년 전 조회 1,870
12년 전 조회 1,446
12년 전 조회 2,095
12년 전 조회 1,415
12년 전 조회 1,845
12년 전 조회 1,931
12년 전 조회 1,355
12년 전 조회 1,588
12년 전 조회 5,285
12년 전 조회 1,668
12년 전 조회 986
12년 전 조회 1,360
12년 전 조회 2,471
12년 전 조회 1,130
12년 전 조회 1,449
12년 전 조회 1,823
12년 전 조회 1,253
12년 전 조회 536
12년 전 조회 1,726
12년 전 조회 1,352
12년 전 조회 7,645
12년 전 조회 2,219
12년 전 조회 1,996
12년 전 조회 2,062
12년 전 조회 2,502
12년 전 조회 603
12년 전 조회 3,729
12년 전 조회 1,393
12년 전 조회 6,435
12년 전 조회 1,033
12년 전 조회 1,003
12년 전 조회 1,275
12년 전 조회 687
12년 전 조회 3,116
12년 전 조회 1,435
12년 전 조회 1,513
12년 전 조회 1,009
12년 전 조회 2,639
12년 전 조회 1,676
12년 전 조회 467
12년 전 조회 3,529
12년 전 조회 1,038
12년 전 조회 839
12년 전 조회 1,228
12년 전 조회 5,590
12년 전 조회 1,214
12년 전 조회 2,831
12년 전 조회 2,281
12년 전 조회 499
12년 전 조회 2,963
12년 전 조회 1,411
12년 전 조회 1,318
12년 전 조회 1,375
12년 전 조회 3,295
12년 전 조회 2,065
12년 전 조회 3,722
12년 전 조회 8,603
12년 전 조회 4,205
12년 전 조회 3,772
12년 전 조회 1,386
12년 전 조회 1,457
12년 전 조회 3,172
12년 전 조회 4,011
12년 전 조회 4,413
12년 전 조회 1,635
12년 전 조회 1,319
12년 전 조회 905
12년 전 조회 1,007
12년 전 조회 2,747
12년 전 조회 2,760
12년 전 조회 1,278
12년 전 조회 2,824
12년 전 조회 1,305
12년 전 조회 8,483
12년 전 조회 1,533
12년 전 조회 3,797
12년 전 조회 6,410
12년 전 조회 1,590
12년 전 조회 2,859
🐛 버그신고