[지도API-네이버,다음] 간단한 지도 표시 예제(?) > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

[지도API-네이버,다음] 간단한 지도 표시 예제(?) 정보

게시판 [지도API-네이버,다음] 간단한 지도 표시 예제(?)

첨부파일

sh_map_basic.zip (72.6K) 606회 다운로드 2009-01-20 16:18:48

본문

파이어 폭스 화면
익스 화면
게시판 설정창 화면
어제 다음 지도 API를 둘러보다가 잠시 짬 내어서 적용해보았습니다만,
익스에서는 다음 지도 표시가 안 되네요...ㄷㄷ
파이어폭스에서는 정상적으로 나옵니다.

간단하게 베이직에다가 넣어본거랍니다.
참고하실분 행여 계실까 하여.

기존 지도 표시같은경우 작동이 게시물을 열때마다 xml 긁어서 표시했습니다만
아무래도 부하가..-_-;;
그래서 글을 작성할때 여분필드에다가 좌표값을 저장하고 지도표시할때는
그 좌표값을 이용해 표시를 하게 해두었습니다.

활용한다면

http://matjin.co.kr/include/find_map.php

이런식으로 가능하죠.


게시판 설정에서 네이버 키값 다음 키값 넓이등을 입력하고 사용하시면 됩니다.

다음 지도 api 같은 경우 주소 검색이 아직 지원되지 않아서
네이버 좌표값을 이용해 표시합니다.
그래서 다음지도만 이용하려고 해도 네이버 지도 api 키값이 필요하답니다.

지도 관련된 것은
map.php
daum_map.php
열어보시면 대략 알 수 있을듯합니다.

익스에서 오류 뜨는건 왜 그런지 도통..-_-;;
아이콘 안 띄우면 익스에서도 지도 출력이 가능합니다만..
음..일단 테스트 차원이기에 손 안 봤습니다.

다음 지도 API는 차후 주소검색과 여러 기능이 추가될 예정이니
나중에 다시 작업해봐야겠습니다. 두둥.
추천
12

댓글 전체

http://matjin.co.kr/include/find_map.php
같은경운 작업중인 페이지(언제까지 작업할지..ㅠ)이니 참고만..;;
소스보면 대략 부끄러워집니다. ㄷㄷㄷ
정확한 행정주소를 넣어도,, 정확히 표시 되지 않는 경우가 많습니다.
네이버 지도는 좌표값까지 넣어야 제대로 나오지 주소만으로는 영 ~~~
아까운 스킨인데.. 제대로 활용하기가 영 ~~ 이네요..
응용해서 테스트해본 결과..
왠만한 행정주소에는 무리없이 표시되는 것 같은데요..
주변 친지들 주소를 다 넣어보고 제가 위치를 아는 곳은 대부분 해봤는데 특이하게 틀리지는 않습니다.

1. 가운데 표시되는 아이콘의 정가운데가 좌표의 위치입니다. 실제 빨간 화살표의 끝부분은 좌표값보다는 약간 아래쪽을 가리킵니다. 확대화면에서는 큰 상관없는데 지도를 넓게 보변 볼수록 어긋나네요.

2. 이 지도의 테두리를 테이블로 지정하거나 div로 감싸면 오류가 나오거나 지도의 우측하단 줌화면이 제대로 표시가 안되는 경우가 있던게 해결방법이 없을까요?
1. 아이콘을 바꾸시거나 출력될때 y좌표값에 숫자를 더해서 표시하는 방법이 있겠고

2. 저도 아직 해결하지 못했습니다.ㅡㅠ 좀더 테스트해보고 해결시 올려두도록 하겠습니다.
아이콘을 바꿔서 올렸었는데 그런 방법도 있네요 ㅎㅎ
2번 문제를 언능 해결하고 싶은데 이리저리 해봐도 잘 안되네요..
테두리 하나만 둘러도 상당히 깔끔해보이고 이쁘던데..
줌화면이 영 걸려서 안되네요..쩝
http://matjin.co.kr/include/find_map.php
div를 다시 테이블로 둘러주시면 줌버튼 제대로 나오네요.

<div style="clear:both; width:525px; height:435px; background: url(/images/map/bg_find_map.gif) no-repeat;"><center>
<!-- 지도 출력 -->
<table><tr><td><div id='big_map' style="width:519px; height:406px; top:25px;"></div></td></tr></table>
<!-- 지도 출력 끝 -->
</center>
</div>

이런식으로.ㄷㄷ
위 링크에서는 지도 출력 자체를 id로 정의해서 div로 출력하고 그것을 다시 테이블로 감싸고 또 그 겉을 테이블로 감싸는 형태인가요?
흠.. 복잡하네요..
서누니님이 처음에 올려주신 자료는 바로 include하는 거라서..
일단 저희 홈피 게시판서 테스트해보고 결과 알려드릴께요 ㅎ
몇번 시행착오 끝에 map.php화일에서 지도출력 부분의 div의 스타일을 지정하니까 테두리를 넣을 수는 있네요..ㅎㅎ
<div id='map_map' style="position:relative; left:0; top:0; border:2 solid #cccccc;"></div>
요런 식으로 스타일을 조금 손보니까 되긴 합니다..
근데 padding이나 margin은 적용이 안돼는데 어떻게 해야하는지 또 막혔습니다..
고수님들의 도움이 필요한 듯..
전체 5,850 |RSS
그누4 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT