3. 게시판 설정에서 주소를 입력하기 위하여 입력란을 추가 합니다.
참고로, 입력란 추가[4]에 추가 하겠습니다.
단순하게..........주소=text:20/40
4. 문서편집기로 다운받은 위 파일(map.php)을 열어
가. api key를 입력합니다. 2곳(12줄, 83줄)
나. 15줄 $view[wr_4] 을 $Body_data[user_add4] 로 수정합니다.
5. 수정한 map.php 파일을 테크노트가 설치된 루트 디렉토리에 업로드합니다.
6. 이용할 스킨파일 중 3_body를 열고 보여질 장소에 인쿠르드 시킵니다.
// 지도 표시
include_once "./map.php";
?>
참고 : map.php 내용 전부를 그대로 3_body 내에 붙여도 됨
7. map.php 파일 118줄, ./img/map_icon.gif 지도 좌표를 표시해 주는 파일을 적절히 만들어 넣습니다
8. 게시판에서 주소를 입력한 후 본문을 보면 입력한 주소에 해당하는 네이버지도가 표시됩니다.
---------------------
지도의 크기등 수정이 가능하여, 활용도가 상당히 높은 소스라 보여집니다.
기타 :
euc-kr 버젼에서는 이상없이 동작하는데 utf-8에서는 동작이 되질 않네요.
고수님의 도움을 필요로 합니다.
참고로, 이와 관련 소인은 복사해서 붙여서 사용하는 정도의 오래된 유저인지라 질문에 답을 하기는 어려울 것 같습니다. 양해를 구하며, 테크노트 회원 여러분의 많은 도움에 늘 감사드립니다.
ps>> google map과도 좌표를 공유하는 소스(플러그인....)들도 보이는데......... 실력이 미천해서....... 휴~
홍두깨
2008-01-14 13:28
아주 요긴하게 쓰일거같습니다. 고생 많으셨습니다~
물길
홍두께님께서도 도움을 많이 주시더군요. 복 많이 받으십시요.
1/14 16:20
투우리
안녕하세요? 홍두깨님~ 명절 잘 보내셨는지요? 늘 행운과 즐거움이 같이 하시길 바랍니다. 근데요. 미치것습니다. 지도 끌어오기가 쉽지가 않습니다. 아마도 map.php 소스(?)가 잘못된것 같습니다. 심혈을 기우려 작업한 것이 9라인에서 에러가... 게시판에 올려 놓았습니다. 참고 하시어 전문가이신 홍두께님께서 수정을 해주시면 감사하겠습니다. 늘 수고하시는 홍두께님 감사합니다.
2/9 15:25
소리통
2008-01-14 15:05
미리보기해서 소재지 글로 적으니깐 자동으로 찍히네요 ㅎㅎ.. 자료 감사합니다 ^^
물길
회원정보와 연계하거나 부동산관련 사이트에 아주 유용할 것 같습니다. ^^ 감사합니다.
1/14 16:25
비혼
2008-01-14 19:34
좋은 정보를 가르쳐 주셨습니다.
요즘 지도 서비스 많이 이용하시던데.
푸른뫼
2008-01-15 16:42
좋은 정보, 고맙습니다.
낙무아이
2008-01-15 17:52
헐~~ 찾고 있던 자룐데 안되네요^_^ 우짜지......^^
물길
부득이 3군데 서버에서 실행해 봤는데, utf-8에서는 모두 되지 않았을 뿐 잘 되더라고요. 차근차근 순서대로 점검해 보시지요. api 디렉토리 유의......
1/15 19:07
물길
2008-01-15 18:52
참고 : 위 지도는 행정구역 명칭과 번지로 검색되며, 상호를 입력하면 나타나지 않는 것 같습니다. 현재 소스가 utf-8 에서는 아마 입력된 디비내 주소를 네이버에서 인식을 하지 못하는 것 같은데~ 누가 수정하여 올려주시면 감사하겠습니다.
원본 파일 기준으로 15줄 수정 요청이 있었습니다.
// 쿼리 돌릴 주소
$map_query=str_replace(" ","",$view[wr_4]); // 4번 여유 필드에 저장 되어 있는 주소의 공백을 제거하여 변수에 저장
이 부분을 아래 같이 바꾸어 주세요
// 쿼리 돌릴 주소
$map_query=str_replace(" ","%20",$view[wr_4]); // 4번 여유 필드에 저장 되어 있는 주소의 공백을 %20으로 치환하여 변수에 저장
눈탱이
2008-01-15 19:26
행정구역(주소)만 정확히 넣으면 지도가 그대로 출력이 되네... 신기허네요...
정말 기가 막힙니다.
확장하면 활용도가 무지 많겠습니다.
최고의 자료일듯 합니다, 추천!!!!
UTF로 한번 테스트 해보겠습니다.
물길
후후~ 감사합니다. utf-8 버전 ~기대하겠습니다. ^^
1/15 19:33
눈탱이
물길행님 평생 못보실수도 있습니더~ 혹 안되면 어쩌나 싶어 UTF 만들다 지금 KR로 DB 하나 더 만드는중입니다.ㅋㅋ
1/15 20:22
마린보이
어라? 눈탱이 형님~ utf로 만들어줘요!! 전 utf로 노가다하고 있구만... @,.@
1/15 23:50
올리브
2008-01-15 20:43
좋은 자료 너무 감사합니다.응용 할데가 참으로 많을것 같습니다.
감사합니다.
컴퓨터나라
2008-01-16 00:21
나이스 굿 입니다.~
조금 비슷한더 쓸러고 했는데 이것이 더 좋네요~
물길
2008-01-16 03:19
utf-8에서~ 성공했습니다.
원본 파일........ 에서
// 쿼리 돌릴 주소
$map_query=.........생략
아래에~ 다음 두줄을 추가합니다.
// euc-kr로 변환
$map_cquery =iconv("utf-8","euc-kr","$map_query");
수정 : 그 다음 줄에서 $map_query 을 $map_cquery 로 수정합니다.
-------------------------------------------
소 뒷걸음에 쥐잡았다는 생각이 듭니다.
물론, 실행이 되었다는 사실외에는 아는 바가 없습니다. ^^
ps>> 지도를 표시하는 사이트가 1일 50,000 페이지 요청으로 서비스 제공을 제한하고 있으며,
상업용 사이트는 사전에 별도의 제휴를 통해서만 이용이 가능하다고 하니 살펴서 적절히 이용하시기 바랍니다.
기타 사용 예제등 아래를 참조하세요. http://openapi.naver.com/page.nhn?PageId=3_02
다른 것 안보이고.... key 값의 끝 "앞의 공백을 지워보시지요 ee8d9 "> 이 부분에 공백이 들어가 있네요
1/18 18:33
아이슬
네..그곳도 공백띄워보기하고 붙혀보기도 했는데요..마찬가지였습니다..ㅠㅠ
1/18 18:38
아이슬
2008-01-18 18:40
html소스보기한것입니다.
<SCRIPT LANGUAGE="JavaScript">
<!--
var x_point = ; <===여기에좌표값이 나타나지않습니다.
var y_point = ; <===여기에좌표값이 나타나지않습니다.
var icon = new NIcon("./skin_board/c_homepage/b_img/menu_on.gif", new NSize(22,22)); // 아이콘
var loc_Point = new NPoint(x_point,y_point); // 포인트 표시
var map_mark = new NMark(loc_Point, icon ); // 지도에 아이콘 표시
var mapObj = new NMap(document.getElementById('mapContainer'),600,400); // 지도창
var infowin = new NInfoWindow();
var zoom = new NZoomControl();
var zoomlevel = 2
mapObj.addOverlay(map_mark); // 지도에 마크표시
mapObj.setCenterAndZoom(loc_Point,zoomlevel); // 지도 중앙
mapObj.addOverlay(infowin);
zoom.setAlign("left"); // 줌 조절 버튼 왼쪽에 위치
zoom.setValign("bottom"); // 줌 조절 버튼 아래에 위치
// mapObj.enableWheelZoom(); 지도 안에서 휠로 줌 조절 가능하게 하려면 주석을 풀어주세요
mapObj.addControl(zoom);
//-->
</SCRIPT>
물길
24info.co.kr/ 주소로 key 값을 구하니 아래와 같이 나오네요. 혹시나 바꿔 보시면~ e2812946947fece569892dc58babe8a0
1/19 00:23
아이슬
무엇때문인지..계속오류입니다. e2812946947fece569892dc58babe8a0 테스트오류 문자16 제가받은것은 6ca4611d61300c3616aa890d076ee8d9 문자 오류16
1/19 00:29
물길
map.php 파일 중 12번째 줄 $map_key = "key=e2812946947fece569892dc58babe8a0"; 즉 key= => 빠지지 않았는지 혹시나 ^^ -----------------
<SCRIPT LANGUAGE="JavaScript">
<!--
// 새로운 네이버 지도 객체를 생성하여, 컨테이너 상에 지도를 표시합니다.
var mapObj = new NMap(document.getElementById('mapContainer'),300,300);
// 지도 객체의 중심점과 축척 레벨을 설정합니다.
mapObj.setCenterAndZoom(new NPoint(321198,529730),3);
//-->
</SCRIPT>
</BODY>
</HTML>
푸른뫼
2008-01-19 13:50
《Re》아이슬 님 ,
위에 물길님이 지적한 것
map.php 파일 중 12번째 줄
$map_key = "key=e2812946947fece569892dc58babe8a0";
즉 key= => 빠지지 않았는지 혹시나 ^^
확인해 보세요.
그러고도 안 되면, 파일을 다시 받아 저 부분 주위해서 입력해주시고 다시 올려보세요.
아이슬
염려해주신덕분에 잘해결되었습니다.. 감사합니다...푸른뫼님^^;
1/19 14:33
in
2008-01-19 17:55
방금 적용 시켰 습니다.
좋은 자룔를 올려 주신 물길님께 감사 드립니다.
물길
저도 도움을 많이 받았습니다. ^^ 좋은 날되시길~
1/20 04:32
바다
2008-01-19 23:10
물길님 ! 좋은 정보 감사합니다.
네이버api 가보니 의외로 앞으로 테크노트에 활용할 좋은 내용이 많이 있네요. 좋습니다!
에휴~
지금 몇시간째 이걸루 헤메고 있습니다. 많이 알고 계신 분 지도 바랍니다.
에러 메세지는 아래와 같습니다.
※ technote7 디렉토리에 map.php를 넣을 경우 에러입니다.
Warning: fsockopen(): unable to connect to maps.naver.com:80 in /home/bdmanager/www/technote7/map.php on line 19
Connection timed out (110)
투우리님...
3_body_map.php
아래부분 중 지도키값하고 add1~add10중 선택적용하세요...
// 네이버 지도api 키값
$map_key="key=e2812946947fece569892dc58babe8a0";
// 쿼리 돌릴 주소
$map_query=str_replace(" ","%20",$Body_data[user_add6]);// 저장
이부분...수정
// header("Content-Type: text/xml; charset=utf-8");
<!-- 네이버 지도 키 값 -->
<SCRIPT LANGUAGE="JavaScript" src="http://maps.naver.com/js/naverMap.naver?key=e2812946947fece569892dc58babe8a0 "></SCRIPT>
<!-- 네이버 지도 키 값 끝 -->
위키값은 변경하시구요...
투우리
2008-02-18 08:33
성공했습니다.
애써주신 물길님, 그리고 아이슬님 감사합니다.
이젠 잘 응용해서 사용 방법을 생각해 봐야죠.
그럼....
// [파일] : 3_body.php
// [적용] : 보드 본문 출력
// [제작자 편집모드] : (편집기⇒에디트플러스) (1탭⇒4space) (글꼴⇒Tahoma,9pt,Bold) (자동줄바꿈⇒No)
// : 제작자 편집모드와 다른 조건에서는 자간,행간,탭간격 등이 달라 코드가 흩어져 보일 수 있음.
// 사용자 매뉴얼→[스킨] 의 설명에서 기본적인 이해를 얻은 후 편집 하십시오.
// 사용자 매뉴얼→[변수,함수] 페이지에는 각 변수에 대한 설명이 있습니다.
// 편집을 위해 좀 더 간소화된 본문출력 소스가 필요하다면 'spare_3_body.php' 파일을 사용하십시오.
//-----------------------------------------------
?>
<!-- ★ 보드설정→[2-30] 전체 상단에 내용 삽입 -->
<?= $Bconfig['ta2_30'] ?>
공지사항
APPLICATION
그누보드에 올라온 팁으로 게시물 내용에 네이버 지도를 api 연동하여 표시하기 위한 팁입니다. 
홍두깨
물길
투우리
비혼
낙무아이
눈탱이
눈탱이
컴퓨터나라
bluewolf
염라대왕
아이슬
in
바다
스코필드
델리스파이스
그린라인
낙무아이
바람준
물길
ESOP
BuriBuri
요루이치
아이케
