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,949
12년 전 조회 1,869
12년 전 조회 1,135
12년 전 조회 1,661
12년 전 조회 2,805
12년 전 조회 2,629
12년 전 조회 1,078
12년 전 조회 2,173
12년 전 조회 1,862
12년 전 조회 848
12년 전 조회 2,137
12년 전 조회 3,838
12년 전 조회 3,160
12년 전 조회 1,607
12년 전 조회 7,838
12년 전 조회 2,597
12년 전 조회 2,871
12년 전 조회 1,937
12년 전 조회 3,602
12년 전 조회 1,516
12년 전 조회 1,256
12년 전 조회 1,909
12년 전 조회 1,477
12년 전 조회 2,123
12년 전 조회 1,439
12년 전 조회 1,877
12년 전 조회 1,965
12년 전 조회 1,387
12년 전 조회 1,612
12년 전 조회 5,309
12년 전 조회 1,700
12년 전 조회 1,023
12년 전 조회 1,401
12년 전 조회 2,500
12년 전 조회 1,162
12년 전 조회 1,473
12년 전 조회 1,852
12년 전 조회 1,281
12년 전 조회 570
12년 전 조회 1,759
12년 전 조회 1,381
12년 전 조회 7,674
12년 전 조회 2,250
12년 전 조회 2,033
12년 전 조회 2,091
12년 전 조회 2,535
12년 전 조회 631
12년 전 조회 3,759
12년 전 조회 1,423
12년 전 조회 6,472
12년 전 조회 1,059
12년 전 조회 1,036
12년 전 조회 1,277
12년 전 조회 721
12년 전 조회 3,129
12년 전 조회 1,468
12년 전 조회 1,541
12년 전 조회 1,043
12년 전 조회 2,675
12년 전 조회 1,700
12년 전 조회 505
12년 전 조회 3,560
12년 전 조회 1,072
12년 전 조회 869
12년 전 조회 1,256
12년 전 조회 5,618
12년 전 조회 1,242
12년 전 조회 2,860
12년 전 조회 2,316
12년 전 조회 535
12년 전 조회 2,991
12년 전 조회 1,441
12년 전 조회 1,343
12년 전 조회 1,407
12년 전 조회 3,325
12년 전 조회 2,095
12년 전 조회 3,759
12년 전 조회 8,630
12년 전 조회 4,238
12년 전 조회 3,803
12년 전 조회 1,410
12년 전 조회 1,490
12년 전 조회 3,200
12년 전 조회 4,043
12년 전 조회 4,447
12년 전 조회 1,660
12년 전 조회 1,346
12년 전 조회 939
12년 전 조회 1,034
12년 전 조회 2,776
12년 전 조회 2,788
12년 전 조회 1,311
12년 전 조회 2,850
12년 전 조회 1,336
12년 전 조회 8,514
12년 전 조회 1,566
12년 전 조회 3,825
12년 전 조회 6,437
12년 전 조회 1,622
12년 전 조회 2,882
🐛 버그신고