묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
이렇게 나와있길래
네이버맵 컨포넌트 질문입니다.
2009.02.25 17:06
현재 제로보드에 포함된 네이버맵은 구버전이라 새버젼(현재 네이버에서 사용되는 맵)을 사용하고 싶어서
검색해보다가 http://dev.naver.com/openapi/apis/map/map2GuideBeta 여기 중간쯤에
3. 수정, 추가된 API Reference
아래는 새롭게 수정되거나 추가된 내용들 입니다. 나머지는 기존 API Reference와 동일하므로 그대로 사용하실 수 있습니다.
지도API 2.0(베타)를 사용하시려면 maps.naver.com을 map.naver.com으로 수정을 하셔야 합니다.
이렇게 나와있길래
<?php /** * @class naver_map * @author zero (zero@nzeo.com) * @brief 본문에 네이버의 지도 open api로 지도 삽입 **/ class naver_map extends EditorHandler { // upload_target_srl 는 에디터에서 필수로 달고 다녀야 함.... var $upload_target_srl = 0; var $component_path = ''; // 네이버맵 openapi 키 값 var $api_key = ''; /** * @brief upload_target_srl과 컴포넌트의 경로를 받음 **/ function naver_map($upload_target_srl, $component_path) { $this->upload_target_srl = $upload_target_srl; $this->component_path = $component_path; } /** * @brief popup window요청시 popup window에 출력할 내용을 추가하면 된다 **/ function getPopupContent() { // 템플릿을 미리 컴파일해서 컴파일된 소스를 return $tpl_path = $this->component_path.'tpl'; if(!$this->api_key) $tpl_file = 'error.html'; else $tpl_file = 'popup.html'; Context::set("tpl_path", $tpl_path); $oTemplate = &TemplateHandler::getInstance(); return $oTemplate->compile($tpl_path, $tpl_file); } /** * @brief naver map open api에서 주소를 찾는 함수 **/ function search_address() { $address = Context::get('address'); if(!$address) return new Object(-1,'msg_not_exists_addr'); Context::loadLang($this->component_path."lang"); // 지정된 서버에 요청을 시도한다 $query_string = iconv("UTF-8","EUC-KR",sprintf('/api/geocode.php?key=%s&query=%s', $this->api_key, $address)); $fp = fsockopen('maps.naver.com', 80, $errno, $errstr); if(!$fp) return new Object(-1, 'msg_fail_to_socket_open'); fputs($fp, "GET {$query_string} HTTP/1.0\r\n"); fputs($fp, "Host: maps.naver.com\r\n\r\n"); $buff = ''; while(!feof($fp)) { $str = fgets($fp, 1024); if(trim($str)=='') $start = true; if($start) $buff .= trim($str); } fclose($fp); $buff = trim(iconv("EUC-KR", "UTF-8", $buff)); $buff = str_replace('<?xml version="1.0" encoding="euc-kr" ?>', '', $buff); $oXmlParser = new XmlParser(); $xml_doc = $oXmlParser->parse($buff); $addrs = $xml_doc->geocode->item; if(!is_array($addrs)) $addrs = array($addrs); $addrs_count = count($addrs); $address_list = array(); for($i=0;$i<$addrs_count;$i++) { $item = $addrs[$i]; $address_list[] = sprintf("%s,%s,%s", $item->point->x->body, $item->point->y->body, $item->address->body); } $this->add("address_list", implode("\n", $address_list)); } /** * @brief 에디터 컴포넌트가 별도의 고유 코드를 이용한다면 그 코드를 html로 변경하여 주는 method * * 이미지나 멀티미디어, 설문등 고유 코드가 필요한 에디터 컴포넌트는 고유코드를 내용에 추가하고 나서 * DocumentModule::transContent() 에서 해당 컴포넌트의 transHtml() method를 호출하여 고유코드를 html로 변경 * * 네이버 지도 open api 는 doctype에 대한 오류 및 기타 등등등등의 문제 때문에 iframe 을 만들고 컴포넌트를 다시 호출해서 html을 출력하게 한다. * 네이버 지도 open api 가 xhtml1-transitional.dtd 를 지원하게 되면 다시 깔끔하게 고쳐야 함.. * 2006년 3월 12일 하루 다 날렸다~~~ ㅡ.ㅜ **/ function transHTML($xml_obj) { $x = $xml_obj->attrs->x; $y = $xml_obj->attrs->y; $marker = $xml_obj->attrs->marker; $style = $xml_obj->attrs->style; preg_match_all('/(width|height)([^[:digit:]]+)([0-9]+)/i',$style,$matches); $width = trim($matches[3][0]); $height = trim($matches[3][1]); if(!$width) $width = 400; if(!$height) $height = 400; $body_code = sprintf('<div style="width:%dpx;height:%dpx;margin-bottom:5px;"><iframe src="%s?module=editor&act=procEditorCall&method=displayMap&component=naver_map&width=%s&height=%s&x=%s&y=%s&marker=%s" frameBorder="0" style="padding:1px; border:1px solid #AAAAAA;width:%dpx;height:%dpx;margin:0px;"></iframe></div>', $width, $height, Context::getRequestUri(), $width, $height, $x, $y, $marker, $width, $height); return $body_code; } function displayMap() { $id = "navermap".rand(11111111,99999999); $width = Context::get('width'); if(!$width) $width = 640; $height = Context::get('height'); if(!$height) $height = 480; $x = Context::get('x'); if(!$x) $x = 321198; $y = Context::get('y'); if(!$y) $y = 529730; $marker = Context::get('marker'); $html = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">'. '<html>'. '<head>'. '<title></title>'. '<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />'. '<script type="text/javascript" src="/common/js/x.js"></script>'. '<script type="text/javascript" src="http://maps.naver.com/js/naverMap.naver?key='.$this->api_key.'"></script>'. '<script type="text/javascript">'. 'function moveMap(x,y,scale) {mapObj.setCenterAndZoom(new NPoint(x,y),scale);}'. 'function createMarker(pos) { if(typeof(top.addMarker)=="function") { if(!top.addMarker(pos)) return; var iconUrl = "http://static.naver.com/local/map_img/set/icos_free_"+String.fromCharCode(96+top.marker_count-1)+".gif"; var marker = new NMark(pos,new NIcon(iconUrl,new NSize(15,14))); mapObj.addOverlay(marker); } }'. '</script>'. '</head>'. '<body style="margin:0px;">'. '<div id="'.$id.'" style="width:'.$width.'px;height:'.$height.'px;"></div>'. '<script type="text/javascript">'. 'var mapObj = new NMap(document.getElementById("'.$id.'+ '+ '"));'. 'mapObj.addControl(new NSaveBtn());'. 'var zoom = new NZoomControl();'. 'zoom.setValign("bottom");'. 'mapObj.addControl(zoom);'. 'var infowin = new NInfoWindow();'. 'mapObj.addOverlay(infowin);'. 'NEvent.addListener(mapObj,"click",createMarker);'. ''; if($x&&$y) $html .= '+ 'mapObj.setCenterAndZoom(new NPoint('.$x.','.$y.'),3);'; if($marker) { $marker_list = explode('|@|', $marker); $icon_no = 0; for($i=0;$i<count($marker_list);$i++) { $pos = trim($marker_list[$i]); if(!$pos) continue; $icon_url = 'http://static.naver.com/local/map_img/set/icos_free_'.chr(ord('+ 'a')+$icon_no).'.gif'; $html .= 'mapObj.addOverlay( new NMark(new NPoint('.$pos.'),new NIcon("'.$icon_url.'",new NSize(15,14))) );'; $icon_no++; } } $html .= ''. //'mapObj.enableWheelZoom();'. 'NEvent.addListener(mapObj, "click", function(pos) { if(typeof(top.mapClicked)!="undefined") top.mapClicked(pos); });'. 'NEvent.addListener(mapObj, "mouseup", function(pos) { if(typeof(top.mapClicked)!="undefined") top.mapClicked(pos); });'. '</script>'. '</body>'. '</html>'; print $html; exit(); } } ?>
코드에 빨강부분 3부분 maps.naver.com을 map.naver.com으로 수정했는데 지도가 안나오네요
다른부분도 손봐줘야 하나요??
원래는 위에 3부분을 수정했더니 잠깐은 뜨더니 나중에 안뜨더라구요..
여러분들 도와주세요