구글 지도가 안보여요. ㅜㅜ 정보
구글 지도가 안보여요. ㅜㅜ본문
구글지도를 탭 메뉴 안쪽에 삽입했는데 지도가 나오다 말고 윈도우 창을 늘였다 줄이면
지도가 다 나옵니다. 또 위치 마크가 지도 가운데 나와야 하는데 구석탱이에 나오는 이유는 무엇일까요. 아무리 뒤져도 모르겠어서 실례를 무릅쓰고 올립니다. 한번 봐주세요..
오류 주소 : http://gamjaland.com/bbs/board.php?bo_table=cho_01&wr_id=43
아래는 뷰페이지 소스입니다.
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$apikey=$board['bo_1'];
$map_width="730";
$map_height="350";
$ViewRows = 3; // 출력 개수
$rewidth = 80; // 썸네일 이미지 가로크기
$reheight = 60; // 썸네일 이미지 세로크기
$settime = 5; // 타임아웃 시간 (초)
$td_width = $rewidth + 16;
$td_height = $reheight + 16;
$file = array();
for ( $i = 0; $i < $view[file][count]; $i++ )
{
if ( $view[file][$i][file] )
$file[] = $view[file][$i];
}
$ex2_filed = explode("|",$view[wr_2]); //전화,핸드폰
$view_TEL = $ex2_filed[0] .") ". $ex2_filed[1] ."-".$ex2_filed[2];
$view_HP = $ex2_filed[3] .") ". $ex2_filed[4] ."-".$ex2_filed[5];
$ext2_06 = $ex2_filed[6]; //
$ext2_07 = $ex2_filed[7]; //
$ext2_08 = $ex2_filed[8]; //
$ext2_09 = $ex2_filed[9]; //
$ex6_filed = explode("|",$view[wr_6]);
$ext6_00 = $ex6_filed[0]; // 제조사
$ext6_01 = $ex6_filed[1]; // 모델명
$ext6_02 = $ex6_filed[2]; // 상품상태
$ext6_03 = $ex6_filed[3]; // 수량
$ext6_04 = $ex6_filed[4]; // 사용기간
$ext6_05 = $ex6_filed[5]; // 구입가격
$ext6_06 = $ex6_filed[6]; // 거래방법
$ext6_07 = $ex6_filed[7]; // 거래상황
$ext6_08 = $ex6_filed[8]; // 희망가
$ext6_09 = $ex6_filed[9]; //
$ext6_10 = $ex6_filed[10]; //
?>
<style>
.tp_test_nCell{border-bottom: 1px solid #cccccc;}
.tp_test_Content1{border: 1px solid #cccccc;border-top-width:0;padding:10px}
.tp_test_Content2{font:12px 돋움;}
.tp_test_Cell{
padding-top:5;
font:13px 돋움;
background:url('<?=$board_skin_path?>/img/tp_unselect.png') no-repeat 50%;
height:30;
width:98;
text-align:center;
cursor:pointer;
cursor:hand;
}
.tp_test_sCell{
padding-top:5;
font:13px 돋움;
background-image:url('<?=$board_skin_path?>/img/tp_select.png');
background-position: 50%;
background-repeat: no-repeat;
height:30;
width:98;
text-align:center;
cursor:pointer;
cursor:hand;
}
</style>
<script>
function obxTabPage(sizex , sizey, cssHead){
if(!cssHead) this.cssHead='';
else this.cssHead=cssHead;
document.write(
'<table cellpadding="0" cellspacing="0" style="table-layout:fixed;padding:1;height:'+sizey+';width:'+sizex+'">' +
'<tr><td class=TP_'+this.cssHead+'_NCELL width=*> </td></tr>'+
'<tr><td class=TP_'+this.cssHead+'_CONTENT1 width=100%> </td></tr>'+
'</table>'
);
this.height=sizey;
this.width=sizex;
var tables=document.getElementsByTagName("table");
this.table=tables[tables.length-1];
this.titleRow=this.table.rows[0];
this.nullCell = this.titleRow.cells[0];
this.contentRow = this.table.rows[1];
this.contentCell = this.contentRow.cells[0];
this.item= new Object();
this.length=0;
var re=new RegExp("\\bobxtp=(\\w+)\\b",'i');
if(location.search.match(re)) this.defaultView = RegExp.$1;
this.addStart= function (id,title,idx,action) {
var iIndex=(idx) ? idx-1 : this.length;
this.item[id] = this.titleRow.insertCell(iIndex);
this.item[id].className='TP_'+this.cssHead+'_CELL';
this.item[id].parentObject=this;
this.item[id].onclick=Function("this.parentObject.show('"+id+"');");
if(action) this.item[id].action = action;
this.item[id].height=25;
this.item[id].innerHTML=title;
document.write('<div style="display:none;width:100%;height:100%">');
var divs=document.getElementsByTagName("div");
this.item[id].content = divs[divs.length-1];
this.item[id].content.className='TP_'+this.cssHead+'_CONTENT2';
this.DrawingID=id;
this.length++;
this.contentCell.colSpan=this.length+1;
}
this.addEnd = function () {
document.write("</div></div>");
this.contentCell.appendChild(this.item[this.DrawingID].content);
if(!this.LastShownItemID) this.show(this.DrawingID,1);
else if(this.defaultView==this.DrawingID) this.show(this.defaultView,1);
}
this.show = function (id,runtime){
if (this.LastShownItemID) this.hide(this.LastShownItemID);
this.LastShownItemID = id;
this.item[id].className='TP_'+this.cssHead+'_SCELL';
this.item[id].content.style.display='';
if(this.item[id].action) {
try{eval(this.item[id].action);}catch(e){}}
}
this.hide = function (id){
this.item[id].className='TP_'+this.cssHead+'_CELL';;
this.item[id].content.style.display="none";
}
}
</script>
<script>
//Table Size 조정
function ImageResizing(objFrame) {
if (!objFrame) return;
//height 조정
var conversionSize = 380;
var orgWidth = objFrame.width;
var orgHeight = objFrame.height;
if (( orgWidth > conversionSize) || (orgHeight > conversionSize)){
if (orgWidth > orgHeight){
newWidth = conversionSize;
newHeight = Math.round((conversionSize * orgHeight)/orgWidth);
}else{
newWidth = Math.round((conversionSize * orgWidth)/orgHeight);
newHeight = conversionSize;
}
objFrame.width = newWidth;
objFrame.height = newHeight;
}
}
function ThumbViewer(ImageObj){
// if (ImageObj.src == "http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif") return;
ThumbImage0.style.border = "silver 1px solid";
ThumbImage1.style.border = "silver 1px solid";
ThumbImage2.style.border = "silver 1px solid";
if (ThumbImage0 == ImageObj) ThumbImage0.style.border = "#333333 1px solid";
if (ThumbImage1 == ImageObj) ThumbImage1.style.border = "#333333 1px solid";
if (ThumbImage2 == ImageObj) ThumbImage2.style.border = "#333333 1px solid";
if (ThumbImage1 == ImageObj){
img0.style.display = "none";
img1.style.display = "";
img2.style.display = "none";
ImageResizing(img1);
}
else if (ThumbImage2 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "";
ImageResizing(img2);
}
else
{
img0.style.display = "";
img1.style.display = "none";
img2.style.display = "none";
ImageResizing(img0);
}
}
</script>
<script language="JavaScript">
var NowImg = 0;
var ViewRows = parseInt( <?=$ViewRows?> ); // 보여지는 개수
var TotalRows = parseInt( <?=count( $file )?> ); // 전체 개수
var TdWidth = parseInt( <?=$td_width?> ); // 한칸당 가로 크기
var before_FilePath; // 패이드인 이전 파일
var MoveNum = 0;
var Stv; // 타임아웃
function fadein_over( FilePath )
{
if ( before_FilePath == FilePath )
return;
before_FilePath = FilePath;
parent_node = document.getElementById( "fadein_content" );
if ( ! parent_node.width ) parent_node.width = parseInt( parent_node.style.width, 10 );
if ( ! parent_node.height ) parent_node.height = parseInt( parent_node.style.height, 10 );
TargetDiv = parent_node.getElementsByTagName( "A" )[0];
if ( typeof( TargetDiv ) == "undefined" )
TargetDiv = parent_node;
TargetDiv_element = TargetDiv.getElementsByTagName( "IMG" );
// DIV 엘리먼트가 10 개 정도 되면 하나씩 삭제
if ( TargetDiv_element.length >= 2 )
TargetDiv.removeChild( TargetDiv_element[0] );
element = document.createElement( "IMG" );
element.style.position = "absolute";
element.style.width = parent_node.width+"px";
element.style.height = parent_node.height+"px";
element.src = FilePath;
if ( navigator.appName == "Microsoft Internet Explorer" )
element.style.filter = "Alpha(opacity=0)";
else
element.style.opacity = "0.0";
TargetDiv.appendChild( element );
setTimeout( "fadein( element )", 10 );
}
function fadein( element )
{
number = element.getAttribute( "number" );
if ( ! number )
number = 0;
if ( navigator.appName == "Microsoft Internet Explorer" )
{
number = parseInt( number );
number += 5;
element.style.filter = "Alpha(opacity="+number+")";
if ( parseInt( number ) >= 100 )
{
element.style.filter = "Alpha(opacity=100)";
return;
}
}
else
{
number = parseFloat( number );
number += 0.05;
element.style.opacity = number;
if ( parseInt( number ) >= 1 )
{
element.style.opacity = 1;
return;
}
}
element.setAttribute( "number", number );
setTimeout( "fadein( element )", 10 );
}
function next_images()
{
clearTimeout( Stv );
NowImg++;
if ( NowImg > TotalRows - 1 )
NowImg = 0;
image_border ( NowImg );
fadein_over( array_image[NowImg] );
Stv = setTimeout( 'next_images()', <?=$settime*1000?> );
MoveNum = NowImg;
return;
}
function prev_images()
{
clearTimeout( Stv );
NowImg--;
if ( NowImg < 0 )
NowImg = TotalRows - 1;
image_border ( NowImg );
fadein_over( array_image[NowImg] );
Stv = setTimeout( 'next_images()', <?=$settime*1000?> );
MoveNum = NowImg;
return;
}
function move_content()
{
NowLeft = parseInt( document.getElementById( "image_layer" ).style.left, 10 );
LeftLoc = Math.ceil( Math.abs( NowLeft - ( MoveNum * TdWidth ) ) / 2 );
if ( ViewRows + MoveNum > TotalRows )
LeftLoc = Math.ceil( Math.abs( NowLeft - ( ( TotalRows - ViewRows ) * TdWidth ) ) / 2 );
if ( TotalRows <= ViewRows )
LeftLoc = 0;
document.getElementById( "image_layer" ).style.left = -LeftLoc+"px";
}
function image_border ( num )
{
content = document.getElementById( "image_content" ).getElementsByTagName( "IMG" );
for ( i = 0, k = 0; i < content.length; i++ )
{
if ( content[i].getAttribute( "id" ) == "thumb_image" )
{
content[i].style.border = num == k ? "3px solid #ff6347" : "3px solid #ffffff" ;
k++;
}
}
return;
}
function image_over ( num )
{
NowImg = num;
image_border ( num );
fadein_over( array_image[num] );
clearTimeout( Stv );
return;
}
function image_out ( num )
{
NowImg = num;
image_border ( num );
fadein_over( array_image[num] );
Stv = setTimeout( 'next_images()', <?=$settime*1000?> );
return;
}
window.onload = function()
{
resizeBoardImage(<?=(int)$board[bo_image_width]?>);
drawFont();
<?
if ( $file[0][file] )
{
echo "fadein_over( array_image[0] );\n";
echo "image_border ( 0 );\n";
}
if ( $file[1][file] )
{
echo "Stv = setTimeout( 'next_images()', ".($settime*1000)." );\n";
echo "setInterval( 'move_content()', 1 )\n";
}
?>
}
</script>
<!-- 게시글 보기 시작 -->
<table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0"><tr><td>
<table width="100%" cellspacing="0" cellpadding="0">
<tr><td height="0"></td></tr><tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><table border=0 cellpadding=0 cellspacing=3 align=center width=100% height=160 bgcolor=#ffffff style='border:3px solid #ffffff'><tr><td width="250"><table border="0" cellpadding="0" cellspacing="0"><tr>
<td height="9" colspan="3"></td></tr><tr><td width="9"></td><td width="242" height="152">
<script language="JavaScript">
<!--
function OpenWin(url,intWidth,intHeight){
window.open(url, "ReadSlideShow", "scrollbars=no, resizable=no, width="+intWidth+",height="+intHeight+",left=50,top=50 ");return;
}
//-->
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td width="290" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<div style='clear:both;'>
<table align=center cellpadding=0 cellspacing=0 border=0><tr>
<td><div id=fadein_content style='width:280px; height:180px; position:relative;' onClick="OpenWin('<?=$board_skin_path?>/pop.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?>',764,500); return false;"></div></td></tr></table></div>
<script language='javascript'>
var array_image = new Array();
</script>
</td></tr> <tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="15">
<td width="30%" align="left"></td>
<td width="40%" align="center"></td>
<td width="30%" align="right"></td></tr></table></td></tr><tr>
<td style="padding:0px 0px 0px 0px;">
<div style='float:left; position:relative; width:<?=$td_width*$ViewRows?>px; height:<?=$td_height?>px; overflow:hidden;'>
<div id=image_layer style='position:absolute; left:0;'>
<table id=image_content cellpadding=0 cellspacing=0 border=0><tr>
<? // 파일 출력
for ($i = 0; $i < count( $file ); $i++ )
{
$original_file = $file[$i][path]."/".$file[$i][file];
$thumb_file = $file[$i][path]."/thumb_".$file[$i][file];
if ( ! file_exists( $thumb_file ) ) // 썸네일 시작
{
list( $img_width, $img_height, $type ) = @getimagesize( $original_file );
if ( $type == 1 ) $img_sour = imagecreatefromgif( $original_file );
else if ( $type == 2 ) $img_sour = imagecreatefromjpeg( $original_file );
else if ( $type == 3 ) $img_sour = imagecreatefrompng( $original_file );
else return false;
if ( $img_width > $img_height )
{
$width = round( $reheight * $img_width / $img_height );
$height = $reheight;
}
else
{
$width = $rewidth;
$height = round( $rewidth * $img_height / $img_width );
}
if ( $width < $rewidth )
{
$width = round( ( $height + $rewidth - $width ) * $img_width / $img_height );
$height = round( ( $width + $rewidth - $width ) * $img_height / $img_width );
}
else if ($height < $reheight)
{
$height = round( ( $width + $reheight - $height ) * $img_height / $img_width );
$width = round( ( $height + $reheight - $height ) * $img_width / $img_height );
}
$x_last = round( ( $width - $rewidth ) / 2 );
$y_last = round( ( $height - $reheight ) / 2 );
if ( ( $img_width < $rewidth ) || ( $img_height < $reheight ) )
{
$img_last = imagecreatetruecolor( $rewidth, $reheight );
$x_last = round( ( $rewidth - $img_width ) / 2 );
$y_last = round( ( $reheight - $img_height ) / 2 );
imagecopy( $img_last, $img_sour, $x_last, $y_last, 0, 0, $width, $height );
imagedestroy( $img_sour );
$white = imagecolorallocate( $img_last, 255, 255, 255);
imagefill( $img_last, 0, 0, $white );
}
else
{
$img_dest = imagecreatetruecolor( $width, $height );
imagecopyresampled( $img_dest, $img_sour, 0, 0, 0, 0, $width, $height, $img_width, $img_height );
$img_last = imagecreatetruecolor( $rewidth, $reheight );
imagecopy( $img_last, $img_dest, 0, 0, $x_last, $y_last, $width, $height );
imagedestroy( $img_dest );
}
if ( $type == 1 ) imagegif($img_last, $thumb_file, 100);
else if ( $type == 2 ) imagejpeg($img_last, $thumb_file, 100);
else if ( $type == 3 ) imagepng($img_last, $thumb_file, 100);
imagedestroy($img_last);
} // 썸네일 끝
?>
<td style='padding:10px;' width=<?=$td_width?> height=<?=$td_height?> align=center valign=bottom onmouseover='image_over ( <?=$i?> )' onmouseout='image_out( <?=$i?> )'>
<div style='clear:both;'>
<img src='<?=$thumb_file?>' id=thumb_image align=absmiddle style='border:2px solid #ffffff;'>
</div>
</td>
<script language='javascript'>
array_image[<?=$i?>] = "<?=$original_file?>";
</script>
<?
}
?>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
<td></td>
</tr>
</table>
</td>
<td width="10"></td>
<td valign="top">
<table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- 추가필드시작-->
<tr><td height=10 ></td></tr>
<tr><td height=23 > <span style="font-size: 17px; font-family:'Malgun Gothic',돋움,tahoma; font-weight:bold; color:#676767;"><?php echo $view[subject] ?></span></td></tr>
<tr><td height=10 ></td></tr>
<tr><td height=23 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 펜션주소 : <?=$view[wr_4]?> </td></tr>
<tr><td height=23 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 펜션테마 : <?=$ext6_01?></td></tr>
<tr><td height=23 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 예약문의 : <?=$ext6_00?></td></tr>
<tr>
<td height=25 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 펜션가격 : <?=$ext6_04?></td></tr>
<tr>
<td height=25 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 픽업관련 : <?=$view[wr_5]?></td></tr>
<!-- 추가필드끝-->
<tr>
<td><?
// 링크
$cnt = 0;
for ($i=1; $i<=$g4[link_count]; $i++) {
if ($view[link][$i]) {
$cnt++;
$link = cut_str($view[link][$i], 70);
echo "<a href='{$view[link_href][$i]}' target=_blank>";
echo "";
}
}
?>
<img src="<?=$board_skin_path?>/img/item_link.gif" align=absmiddle border='0'></a> <? if ($scrap_href) { echo "<a href=\"javascript:;\" onclick=\"win_scrap('$scrap_href');\"><img src='{$board_skin_path}/img/item_scrap.gif' align=absmiddle border='0'></a>"; } ?>
</td>
</tr>
<tr>
</div></td><td></td></tr></table></td></tr></table>
</td>
</tr>
</table><br>
<!-- 박스 시작-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%">
<!--탭시작 -->
<script>tp=new obxTabPage('100%','100%','test'); // 이게 초기설정</script>
<script>tp.addStart("1page","펜션정보"); // 1페이지 시작</script>
<p><?=$ext6_09?><br />
<p><b>펜션주소 :</b> <?=$view[wr_4]?> <br /><p><b>예약문의 :</b> <?=$ext6_00?> <p><b>입/퇴실시간 : </b><?=$ext6_02?></p>
<p><b>픽업관련 : </b> <?=$view[wr_5]?> <br></b><p><b>인원추가요금 : </b> <?=$ext6_05?>
<p><?=$view[wr_08]?></p>
<script>tp.addEnd();// 1페이지 끝</script>
<script>tp.addStart("2page","부대시설");// 2페이지 시작</script>
<?=$view[wr_content]?>
<script>tp.addEnd();// 2페이지 끝</script>
<script>tp.addStart("5page","주변여행지");// 2페이지 시작</script>
<?=$view[wr_3]?>
<script>tp.addEnd();// 2페이지 끝</script>
<script>tp.addEnd();</script>
<script>tp.addStart("3page","사진참고");// 3페이지 시작</script>
<?
$g4_path = "../../..";
// 파일 출력
$first_img = "";
for( $i=0 ; $i < 12 ; $i++ )
{
$row = sql_fetch( "select * from $g4[board_file_table] where bo_table = '$bo_table' and wr_id = '$wr_id' and bf_no = '$i' " );
$img[$i] = "$g4[path]/data/file/$bo_table/$row[bf_file]";
if ( $first_img == "" && $row[bf_file] )
$first_img = $img[$i];
if ( ! $row[bf_file] )
$img[$i] = $board_skin_path."/img/noimg.gif";
}
?>
<script language="JavaScript">
<!--
function transimg(place) {
if (place==1) dare.src="<?=$img[0]?>";
if (place==2) dare.src="<?=$img[1]?>";
if (place==3) dare.src="<?=$img[2]?>";
if (place==4) dare.src="<?=$img[3]?>";
if (place==5) dare.src="<?=$img[4]?>";
if (place==6) dare.src="<?=$img[5]?>";
if (place==7) dare.src="<?=$img[6]?>";
if (place==8) dare.src="<?=$img[7]?>";
if (place==9) dare.src="<?=$img[8]?>";
if (place==10) dare.src="<?=$img[9]?>";
if (place==11) dare.src="<?=$img[10]?>";
if (place==12) dare.src="<?=$img[11]?>";
}
// -->
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.smbox {padding-right:3px;padding-bottom:3px;}
.smtext a{padding-right:3px;padding-bottom:3px;color:cccccc;font-size:8pt;}
-->
</style>
<table cellpadding="0" cellspacing="10" width="460" bgcolor="ffffff">
<tr>
<td width="400" valign="top"><img src="<?=$first_img?>" width="400" height="305" style='border:1 solid #cccccc;' name=dare></td>
<td valign="top">
<table cellpadding="0" cellspacing="0" width="78">
<tr>
<td width="76" class="smbox"><span style="cursor:hand" onMouseOver="transimg(1)"><img src="<?=$img[0]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(2)"><img src="<?=$img[1]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(3)"><img src="<?=$img[2]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(4)"><img src="<?=$img[3]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(5)"><img src="<?=$img[4]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
</table>
</td>
</tr>
</table>
<script>tp.addEnd();</script>
<script>tp.addStart("4page","약도 위치");// 4페이지 시작</script>
<table width="100%" border="0" cellpadding="0" cellspacing="3" bgcolor="cdcdcd" align="center"><tr> <td bgcolor="cdcdcd" style="padding:1px">
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td>
<? if ($view['wr_1'] == "사용") { ?>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=ko"></script>
<script type="text/javascript">
// 구글맵
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(<?=$write['wr_9']?>, <?=$write['wr_10']?>);
var myOptions = {
zoom: 16,
scaleControl: true,
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL,
position: google.maps.ControlPosition.TOP_RIGHT
},
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// 리스너 Listener ////////////////////////////////////////////////////
google.maps.event.addListener(map, 'zoom_changed', function() {
zoomLevel = map.getZoom();
if (zoomLevel > 19) {
map.setZoom(19);
}
if (zoomLevel < 1) {
map.setZoom(1);
}
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "Here"
});
}
</script>
<div id="map_canvas" style="width:<?=$map_width?>; height:<?=$map_height?>;">
</div>
<? }?>
</td>
</table></td></tr></table>
<script>tp.addEnd();</script>
</tr>
</table>
<!-- 박스 끝-->
</td></tr>
<tr>
<td>
<?//echo $view[rich_content]; // 과 같은 코드를 사용할 경우?>
<!-- 테러 태그 방지용 --></xml></xmp><a href=""></a><a href=''></a>
<? if ($is_signature) { echo "<br>$signature<br><br>"; } // 서명 출력 ?></td>
</tr>
</table><br>
</tr>
</table>
<!-- <tr><td height=1 bgcolor=#E7E7E7></td></tr> -->
<br>
<div style="float:right;">
<?
ob_start();
?>
<? if ($copy_href) { echo "<a href=\"$copy_href\"><img src='$board_skin_path/img/btn_copy.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($move_href) { echo "<a href=\"$move_href\"><img src='$board_skin_path/img/btn_move.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($search_href) { echo "<a href=\"$search_href\"><img src='$board_skin_path/img/btn_list_search.gif' border='0' align='absmiddle'></a> "; } ?>
<? echo "<a href=\"$list_href\"><img src='$board_skin_path/img/btn_list.gif' border='0' align='absmiddle'></a> "; ?>
<? if ($update_href) { echo "<a href=\"$update_href\"><img src='$board_skin_path/img/btn_modify.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($delete_href) { echo "<a href=\"$delete_href\"><img src='$board_skin_path/img/btn_delete.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($reply_href) { echo "<a href=\"$reply_href\"><img src='$board_skin_path/img/btn_reply.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($write_href) { echo "<a href=\"$write_href\"><img src='$board_skin_path/img/btn_write.gif' border='0' align='absmiddle'></a> "; } ?>
</div>
</td></tr></table><br>
<script language="JavaScript">
function file_download(link, file) {
<? if ($board[bo_download_point] < 0) { ?>if (confirm("'"+file+"' 파일을 다운로드 하시면 포인트가 차감(<?=number_format($board[bo_download_point])?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?"))<?}?>
document.location.href=link;
}
</script>
<script language="JavaScript" src="<?="$g4[path]/js/board.js"?>"></script>
<script language="JavaScript">
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
function resizeImage(func) {
resizeBoardImage(<?=(int)$board[bo_image_width] + 40 ?>);
drawFont();
}
addLoadEvent(resizeImage);
//<!-- 게시글 보기 끝 -->
//<!-- 구글지도 보기 -->
addLoadEvent(initialize);
</script>
지도가 다 나옵니다. 또 위치 마크가 지도 가운데 나와야 하는데 구석탱이에 나오는 이유는 무엇일까요. 아무리 뒤져도 모르겠어서 실례를 무릅쓰고 올립니다. 한번 봐주세요..
오류 주소 : http://gamjaland.com/bbs/board.php?bo_table=cho_01&wr_id=43
아래는 뷰페이지 소스입니다.
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$apikey=$board['bo_1'];
$map_width="730";
$map_height="350";
$ViewRows = 3; // 출력 개수
$rewidth = 80; // 썸네일 이미지 가로크기
$reheight = 60; // 썸네일 이미지 세로크기
$settime = 5; // 타임아웃 시간 (초)
$td_width = $rewidth + 16;
$td_height = $reheight + 16;
$file = array();
for ( $i = 0; $i < $view[file][count]; $i++ )
{
if ( $view[file][$i][file] )
$file[] = $view[file][$i];
}
$ex2_filed = explode("|",$view[wr_2]); //전화,핸드폰
$view_TEL = $ex2_filed[0] .") ". $ex2_filed[1] ."-".$ex2_filed[2];
$view_HP = $ex2_filed[3] .") ". $ex2_filed[4] ."-".$ex2_filed[5];
$ext2_06 = $ex2_filed[6]; //
$ext2_07 = $ex2_filed[7]; //
$ext2_08 = $ex2_filed[8]; //
$ext2_09 = $ex2_filed[9]; //
$ex6_filed = explode("|",$view[wr_6]);
$ext6_00 = $ex6_filed[0]; // 제조사
$ext6_01 = $ex6_filed[1]; // 모델명
$ext6_02 = $ex6_filed[2]; // 상품상태
$ext6_03 = $ex6_filed[3]; // 수량
$ext6_04 = $ex6_filed[4]; // 사용기간
$ext6_05 = $ex6_filed[5]; // 구입가격
$ext6_06 = $ex6_filed[6]; // 거래방법
$ext6_07 = $ex6_filed[7]; // 거래상황
$ext6_08 = $ex6_filed[8]; // 희망가
$ext6_09 = $ex6_filed[9]; //
$ext6_10 = $ex6_filed[10]; //
?>
<style>
.tp_test_nCell{border-bottom: 1px solid #cccccc;}
.tp_test_Content1{border: 1px solid #cccccc;border-top-width:0;padding:10px}
.tp_test_Content2{font:12px 돋움;}
.tp_test_Cell{
padding-top:5;
font:13px 돋움;
background:url('<?=$board_skin_path?>/img/tp_unselect.png') no-repeat 50%;
height:30;
width:98;
text-align:center;
cursor:pointer;
cursor:hand;
}
.tp_test_sCell{
padding-top:5;
font:13px 돋움;
background-image:url('<?=$board_skin_path?>/img/tp_select.png');
background-position: 50%;
background-repeat: no-repeat;
height:30;
width:98;
text-align:center;
cursor:pointer;
cursor:hand;
}
</style>
<script>
function obxTabPage(sizex , sizey, cssHead){
if(!cssHead) this.cssHead='';
else this.cssHead=cssHead;
document.write(
'<table cellpadding="0" cellspacing="0" style="table-layout:fixed;padding:1;height:'+sizey+';width:'+sizex+'">' +
'<tr><td class=TP_'+this.cssHead+'_NCELL width=*> </td></tr>'+
'<tr><td class=TP_'+this.cssHead+'_CONTENT1 width=100%> </td></tr>'+
'</table>'
);
this.height=sizey;
this.width=sizex;
var tables=document.getElementsByTagName("table");
this.table=tables[tables.length-1];
this.titleRow=this.table.rows[0];
this.nullCell = this.titleRow.cells[0];
this.contentRow = this.table.rows[1];
this.contentCell = this.contentRow.cells[0];
this.item= new Object();
this.length=0;
var re=new RegExp("\\bobxtp=(\\w+)\\b",'i');
if(location.search.match(re)) this.defaultView = RegExp.$1;
this.addStart= function (id,title,idx,action) {
var iIndex=(idx) ? idx-1 : this.length;
this.item[id] = this.titleRow.insertCell(iIndex);
this.item[id].className='TP_'+this.cssHead+'_CELL';
this.item[id].parentObject=this;
this.item[id].onclick=Function("this.parentObject.show('"+id+"');");
if(action) this.item[id].action = action;
this.item[id].height=25;
this.item[id].innerHTML=title;
document.write('<div style="display:none;width:100%;height:100%">');
var divs=document.getElementsByTagName("div");
this.item[id].content = divs[divs.length-1];
this.item[id].content.className='TP_'+this.cssHead+'_CONTENT2';
this.DrawingID=id;
this.length++;
this.contentCell.colSpan=this.length+1;
}
this.addEnd = function () {
document.write("</div></div>");
this.contentCell.appendChild(this.item[this.DrawingID].content);
if(!this.LastShownItemID) this.show(this.DrawingID,1);
else if(this.defaultView==this.DrawingID) this.show(this.defaultView,1);
}
this.show = function (id,runtime){
if (this.LastShownItemID) this.hide(this.LastShownItemID);
this.LastShownItemID = id;
this.item[id].className='TP_'+this.cssHead+'_SCELL';
this.item[id].content.style.display='';
if(this.item[id].action) {
try{eval(this.item[id].action);}catch(e){}}
}
this.hide = function (id){
this.item[id].className='TP_'+this.cssHead+'_CELL';;
this.item[id].content.style.display="none";
}
}
</script>
<script>
//Table Size 조정
function ImageResizing(objFrame) {
if (!objFrame) return;
//height 조정
var conversionSize = 380;
var orgWidth = objFrame.width;
var orgHeight = objFrame.height;
if (( orgWidth > conversionSize) || (orgHeight > conversionSize)){
if (orgWidth > orgHeight){
newWidth = conversionSize;
newHeight = Math.round((conversionSize * orgHeight)/orgWidth);
}else{
newWidth = Math.round((conversionSize * orgWidth)/orgHeight);
newHeight = conversionSize;
}
objFrame.width = newWidth;
objFrame.height = newHeight;
}
}
function ThumbViewer(ImageObj){
// if (ImageObj.src == "http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif") return;
ThumbImage0.style.border = "silver 1px solid";
ThumbImage1.style.border = "silver 1px solid";
ThumbImage2.style.border = "silver 1px solid";
if (ThumbImage0 == ImageObj) ThumbImage0.style.border = "#333333 1px solid";
if (ThumbImage1 == ImageObj) ThumbImage1.style.border = "#333333 1px solid";
if (ThumbImage2 == ImageObj) ThumbImage2.style.border = "#333333 1px solid";
if (ThumbImage1 == ImageObj){
img0.style.display = "none";
img1.style.display = "";
img2.style.display = "none";
ImageResizing(img1);
}
else if (ThumbImage2 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "";
ImageResizing(img2);
}
else
{
img0.style.display = "";
img1.style.display = "none";
img2.style.display = "none";
ImageResizing(img0);
}
}
</script>
<script language="JavaScript">
var NowImg = 0;
var ViewRows = parseInt( <?=$ViewRows?> ); // 보여지는 개수
var TotalRows = parseInt( <?=count( $file )?> ); // 전체 개수
var TdWidth = parseInt( <?=$td_width?> ); // 한칸당 가로 크기
var before_FilePath; // 패이드인 이전 파일
var MoveNum = 0;
var Stv; // 타임아웃
function fadein_over( FilePath )
{
if ( before_FilePath == FilePath )
return;
before_FilePath = FilePath;
parent_node = document.getElementById( "fadein_content" );
if ( ! parent_node.width ) parent_node.width = parseInt( parent_node.style.width, 10 );
if ( ! parent_node.height ) parent_node.height = parseInt( parent_node.style.height, 10 );
TargetDiv = parent_node.getElementsByTagName( "A" )[0];
if ( typeof( TargetDiv ) == "undefined" )
TargetDiv = parent_node;
TargetDiv_element = TargetDiv.getElementsByTagName( "IMG" );
// DIV 엘리먼트가 10 개 정도 되면 하나씩 삭제
if ( TargetDiv_element.length >= 2 )
TargetDiv.removeChild( TargetDiv_element[0] );
element = document.createElement( "IMG" );
element.style.position = "absolute";
element.style.width = parent_node.width+"px";
element.style.height = parent_node.height+"px";
element.src = FilePath;
if ( navigator.appName == "Microsoft Internet Explorer" )
element.style.filter = "Alpha(opacity=0)";
else
element.style.opacity = "0.0";
TargetDiv.appendChild( element );
setTimeout( "fadein( element )", 10 );
}
function fadein( element )
{
number = element.getAttribute( "number" );
if ( ! number )
number = 0;
if ( navigator.appName == "Microsoft Internet Explorer" )
{
number = parseInt( number );
number += 5;
element.style.filter = "Alpha(opacity="+number+")";
if ( parseInt( number ) >= 100 )
{
element.style.filter = "Alpha(opacity=100)";
return;
}
}
else
{
number = parseFloat( number );
number += 0.05;
element.style.opacity = number;
if ( parseInt( number ) >= 1 )
{
element.style.opacity = 1;
return;
}
}
element.setAttribute( "number", number );
setTimeout( "fadein( element )", 10 );
}
function next_images()
{
clearTimeout( Stv );
NowImg++;
if ( NowImg > TotalRows - 1 )
NowImg = 0;
image_border ( NowImg );
fadein_over( array_image[NowImg] );
Stv = setTimeout( 'next_images()', <?=$settime*1000?> );
MoveNum = NowImg;
return;
}
function prev_images()
{
clearTimeout( Stv );
NowImg--;
if ( NowImg < 0 )
NowImg = TotalRows - 1;
image_border ( NowImg );
fadein_over( array_image[NowImg] );
Stv = setTimeout( 'next_images()', <?=$settime*1000?> );
MoveNum = NowImg;
return;
}
function move_content()
{
NowLeft = parseInt( document.getElementById( "image_layer" ).style.left, 10 );
LeftLoc = Math.ceil( Math.abs( NowLeft - ( MoveNum * TdWidth ) ) / 2 );
if ( ViewRows + MoveNum > TotalRows )
LeftLoc = Math.ceil( Math.abs( NowLeft - ( ( TotalRows - ViewRows ) * TdWidth ) ) / 2 );
if ( TotalRows <= ViewRows )
LeftLoc = 0;
document.getElementById( "image_layer" ).style.left = -LeftLoc+"px";
}
function image_border ( num )
{
content = document.getElementById( "image_content" ).getElementsByTagName( "IMG" );
for ( i = 0, k = 0; i < content.length; i++ )
{
if ( content[i].getAttribute( "id" ) == "thumb_image" )
{
content[i].style.border = num == k ? "3px solid #ff6347" : "3px solid #ffffff" ;
k++;
}
}
return;
}
function image_over ( num )
{
NowImg = num;
image_border ( num );
fadein_over( array_image[num] );
clearTimeout( Stv );
return;
}
function image_out ( num )
{
NowImg = num;
image_border ( num );
fadein_over( array_image[num] );
Stv = setTimeout( 'next_images()', <?=$settime*1000?> );
return;
}
window.onload = function()
{
resizeBoardImage(<?=(int)$board[bo_image_width]?>);
drawFont();
<?
if ( $file[0][file] )
{
echo "fadein_over( array_image[0] );\n";
echo "image_border ( 0 );\n";
}
if ( $file[1][file] )
{
echo "Stv = setTimeout( 'next_images()', ".($settime*1000)." );\n";
echo "setInterval( 'move_content()', 1 )\n";
}
?>
}
</script>
<!-- 게시글 보기 시작 -->
<table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0"><tr><td>
<table width="100%" cellspacing="0" cellpadding="0">
<tr><td height="0"></td></tr><tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><table border=0 cellpadding=0 cellspacing=3 align=center width=100% height=160 bgcolor=#ffffff style='border:3px solid #ffffff'><tr><td width="250"><table border="0" cellpadding="0" cellspacing="0"><tr>
<td height="9" colspan="3"></td></tr><tr><td width="9"></td><td width="242" height="152">
<script language="JavaScript">
<!--
function OpenWin(url,intWidth,intHeight){
window.open(url, "ReadSlideShow", "scrollbars=no, resizable=no, width="+intWidth+",height="+intHeight+",left=50,top=50 ");return;
}
//-->
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td width="290" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<div style='clear:both;'>
<table align=center cellpadding=0 cellspacing=0 border=0><tr>
<td><div id=fadein_content style='width:280px; height:180px; position:relative;' onClick="OpenWin('<?=$board_skin_path?>/pop.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?>',764,500); return false;"></div></td></tr></table></div>
<script language='javascript'>
var array_image = new Array();
</script>
</td></tr> <tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="15">
<td width="30%" align="left"></td>
<td width="40%" align="center"></td>
<td width="30%" align="right"></td></tr></table></td></tr><tr>
<td style="padding:0px 0px 0px 0px;">
<div style='float:left; position:relative; width:<?=$td_width*$ViewRows?>px; height:<?=$td_height?>px; overflow:hidden;'>
<div id=image_layer style='position:absolute; left:0;'>
<table id=image_content cellpadding=0 cellspacing=0 border=0><tr>
<? // 파일 출력
for ($i = 0; $i < count( $file ); $i++ )
{
$original_file = $file[$i][path]."/".$file[$i][file];
$thumb_file = $file[$i][path]."/thumb_".$file[$i][file];
if ( ! file_exists( $thumb_file ) ) // 썸네일 시작
{
list( $img_width, $img_height, $type ) = @getimagesize( $original_file );
if ( $type == 1 ) $img_sour = imagecreatefromgif( $original_file );
else if ( $type == 2 ) $img_sour = imagecreatefromjpeg( $original_file );
else if ( $type == 3 ) $img_sour = imagecreatefrompng( $original_file );
else return false;
if ( $img_width > $img_height )
{
$width = round( $reheight * $img_width / $img_height );
$height = $reheight;
}
else
{
$width = $rewidth;
$height = round( $rewidth * $img_height / $img_width );
}
if ( $width < $rewidth )
{
$width = round( ( $height + $rewidth - $width ) * $img_width / $img_height );
$height = round( ( $width + $rewidth - $width ) * $img_height / $img_width );
}
else if ($height < $reheight)
{
$height = round( ( $width + $reheight - $height ) * $img_height / $img_width );
$width = round( ( $height + $reheight - $height ) * $img_width / $img_height );
}
$x_last = round( ( $width - $rewidth ) / 2 );
$y_last = round( ( $height - $reheight ) / 2 );
if ( ( $img_width < $rewidth ) || ( $img_height < $reheight ) )
{
$img_last = imagecreatetruecolor( $rewidth, $reheight );
$x_last = round( ( $rewidth - $img_width ) / 2 );
$y_last = round( ( $reheight - $img_height ) / 2 );
imagecopy( $img_last, $img_sour, $x_last, $y_last, 0, 0, $width, $height );
imagedestroy( $img_sour );
$white = imagecolorallocate( $img_last, 255, 255, 255);
imagefill( $img_last, 0, 0, $white );
}
else
{
$img_dest = imagecreatetruecolor( $width, $height );
imagecopyresampled( $img_dest, $img_sour, 0, 0, 0, 0, $width, $height, $img_width, $img_height );
$img_last = imagecreatetruecolor( $rewidth, $reheight );
imagecopy( $img_last, $img_dest, 0, 0, $x_last, $y_last, $width, $height );
imagedestroy( $img_dest );
}
if ( $type == 1 ) imagegif($img_last, $thumb_file, 100);
else if ( $type == 2 ) imagejpeg($img_last, $thumb_file, 100);
else if ( $type == 3 ) imagepng($img_last, $thumb_file, 100);
imagedestroy($img_last);
} // 썸네일 끝
?>
<td style='padding:10px;' width=<?=$td_width?> height=<?=$td_height?> align=center valign=bottom onmouseover='image_over ( <?=$i?> )' onmouseout='image_out( <?=$i?> )'>
<div style='clear:both;'>
<img src='<?=$thumb_file?>' id=thumb_image align=absmiddle style='border:2px solid #ffffff;'>
</div>
</td>
<script language='javascript'>
array_image[<?=$i?>] = "<?=$original_file?>";
</script>
<?
}
?>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
<td></td>
</tr>
</table>
</td>
<td width="10"></td>
<td valign="top">
<table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- 추가필드시작-->
<tr><td height=10 ></td></tr>
<tr><td height=23 > <span style="font-size: 17px; font-family:'Malgun Gothic',돋움,tahoma; font-weight:bold; color:#676767;"><?php echo $view[subject] ?></span></td></tr>
<tr><td height=10 ></td></tr>
<tr><td height=23 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 펜션주소 : <?=$view[wr_4]?> </td></tr>
<tr><td height=23 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 펜션테마 : <?=$ext6_01?></td></tr>
<tr><td height=23 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 예약문의 : <?=$ext6_00?></td></tr>
<tr>
<td height=25 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 펜션가격 : <?=$ext6_04?></td></tr>
<tr>
<td height=25 ><img src="<?=$board_skin_path?>/img/spot.gif" border="0" width="10" height="9"> 픽업관련 : <?=$view[wr_5]?></td></tr>
<!-- 추가필드끝-->
<tr>
<td><?
// 링크
$cnt = 0;
for ($i=1; $i<=$g4[link_count]; $i++) {
if ($view[link][$i]) {
$cnt++;
$link = cut_str($view[link][$i], 70);
echo "<a href='{$view[link_href][$i]}' target=_blank>";
echo "";
}
}
?>
<img src="<?=$board_skin_path?>/img/item_link.gif" align=absmiddle border='0'></a> <? if ($scrap_href) { echo "<a href=\"javascript:;\" onclick=\"win_scrap('$scrap_href');\"><img src='{$board_skin_path}/img/item_scrap.gif' align=absmiddle border='0'></a>"; } ?>
</td>
</tr>
<tr>
</div></td><td></td></tr></table></td></tr></table>
</td>
</tr>
</table><br>
<!-- 박스 시작-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%">
<!--탭시작 -->
<script>tp=new obxTabPage('100%','100%','test'); // 이게 초기설정</script>
<script>tp.addStart("1page","펜션정보"); // 1페이지 시작</script>
<p><?=$ext6_09?><br />
<p><b>펜션주소 :</b> <?=$view[wr_4]?> <br /><p><b>예약문의 :</b> <?=$ext6_00?> <p><b>입/퇴실시간 : </b><?=$ext6_02?></p>
<p><b>픽업관련 : </b> <?=$view[wr_5]?> <br></b><p><b>인원추가요금 : </b> <?=$ext6_05?>
<p><?=$view[wr_08]?></p>
<script>tp.addEnd();// 1페이지 끝</script>
<script>tp.addStart("2page","부대시설");// 2페이지 시작</script>
<?=$view[wr_content]?>
<script>tp.addEnd();// 2페이지 끝</script>
<script>tp.addStart("5page","주변여행지");// 2페이지 시작</script>
<?=$view[wr_3]?>
<script>tp.addEnd();// 2페이지 끝</script>
<script>tp.addEnd();</script>
<script>tp.addStart("3page","사진참고");// 3페이지 시작</script>
<?
$g4_path = "../../..";
// 파일 출력
$first_img = "";
for( $i=0 ; $i < 12 ; $i++ )
{
$row = sql_fetch( "select * from $g4[board_file_table] where bo_table = '$bo_table' and wr_id = '$wr_id' and bf_no = '$i' " );
$img[$i] = "$g4[path]/data/file/$bo_table/$row[bf_file]";
if ( $first_img == "" && $row[bf_file] )
$first_img = $img[$i];
if ( ! $row[bf_file] )
$img[$i] = $board_skin_path."/img/noimg.gif";
}
?>
<script language="JavaScript">
<!--
function transimg(place) {
if (place==1) dare.src="<?=$img[0]?>";
if (place==2) dare.src="<?=$img[1]?>";
if (place==3) dare.src="<?=$img[2]?>";
if (place==4) dare.src="<?=$img[3]?>";
if (place==5) dare.src="<?=$img[4]?>";
if (place==6) dare.src="<?=$img[5]?>";
if (place==7) dare.src="<?=$img[6]?>";
if (place==8) dare.src="<?=$img[7]?>";
if (place==9) dare.src="<?=$img[8]?>";
if (place==10) dare.src="<?=$img[9]?>";
if (place==11) dare.src="<?=$img[10]?>";
if (place==12) dare.src="<?=$img[11]?>";
}
// -->
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.smbox {padding-right:3px;padding-bottom:3px;}
.smtext a{padding-right:3px;padding-bottom:3px;color:cccccc;font-size:8pt;}
-->
</style>
<table cellpadding="0" cellspacing="10" width="460" bgcolor="ffffff">
<tr>
<td width="400" valign="top"><img src="<?=$first_img?>" width="400" height="305" style='border:1 solid #cccccc;' name=dare></td>
<td valign="top">
<table cellpadding="0" cellspacing="0" width="78">
<tr>
<td width="76" class="smbox"><span style="cursor:hand" onMouseOver="transimg(1)"><img src="<?=$img[0]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(2)"><img src="<?=$img[1]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(3)"><img src="<?=$img[2]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(4)"><img src="<?=$img[3]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(5)"><img src="<?=$img[4]?>" width="70" height="55" style='border:1 solid #cccccc;'></span></td>
</tr>
</table>
</td>
</tr>
</table>
<script>tp.addEnd();</script>
<script>tp.addStart("4page","약도 위치");// 4페이지 시작</script>
<table width="100%" border="0" cellpadding="0" cellspacing="3" bgcolor="cdcdcd" align="center"><tr> <td bgcolor="cdcdcd" style="padding:1px">
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td>
<? if ($view['wr_1'] == "사용") { ?>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=ko"></script>
<script type="text/javascript">
// 구글맵
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(<?=$write['wr_9']?>, <?=$write['wr_10']?>);
var myOptions = {
zoom: 16,
scaleControl: true,
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL,
position: google.maps.ControlPosition.TOP_RIGHT
},
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// 리스너 Listener ////////////////////////////////////////////////////
google.maps.event.addListener(map, 'zoom_changed', function() {
zoomLevel = map.getZoom();
if (zoomLevel > 19) {
map.setZoom(19);
}
if (zoomLevel < 1) {
map.setZoom(1);
}
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "Here"
});
}
</script>
<div id="map_canvas" style="width:<?=$map_width?>; height:<?=$map_height?>;">
</div>
<? }?>
</td>
</table></td></tr></table>
<script>tp.addEnd();</script>
</tr>
</table>
<!-- 박스 끝-->
</td></tr>
<tr>
<td>
<?//echo $view[rich_content]; // 과 같은 코드를 사용할 경우?>
<!-- 테러 태그 방지용 --></xml></xmp><a href=""></a><a href=''></a>
<? if ($is_signature) { echo "<br>$signature<br><br>"; } // 서명 출력 ?></td>
</tr>
</table><br>
</tr>
</table>
<!-- <tr><td height=1 bgcolor=#E7E7E7></td></tr> -->
<br>
<div style="float:right;">
<?
ob_start();
?>
<? if ($copy_href) { echo "<a href=\"$copy_href\"><img src='$board_skin_path/img/btn_copy.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($move_href) { echo "<a href=\"$move_href\"><img src='$board_skin_path/img/btn_move.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($search_href) { echo "<a href=\"$search_href\"><img src='$board_skin_path/img/btn_list_search.gif' border='0' align='absmiddle'></a> "; } ?>
<? echo "<a href=\"$list_href\"><img src='$board_skin_path/img/btn_list.gif' border='0' align='absmiddle'></a> "; ?>
<? if ($update_href) { echo "<a href=\"$update_href\"><img src='$board_skin_path/img/btn_modify.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($delete_href) { echo "<a href=\"$delete_href\"><img src='$board_skin_path/img/btn_delete.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($reply_href) { echo "<a href=\"$reply_href\"><img src='$board_skin_path/img/btn_reply.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($write_href) { echo "<a href=\"$write_href\"><img src='$board_skin_path/img/btn_write.gif' border='0' align='absmiddle'></a> "; } ?>
</div>
</td></tr></table><br>
<script language="JavaScript">
function file_download(link, file) {
<? if ($board[bo_download_point] < 0) { ?>if (confirm("'"+file+"' 파일을 다운로드 하시면 포인트가 차감(<?=number_format($board[bo_download_point])?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?"))<?}?>
document.location.href=link;
}
</script>
<script language="JavaScript" src="<?="$g4[path]/js/board.js"?>"></script>
<script language="JavaScript">
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
function resizeImage(func) {
resizeBoardImage(<?=(int)$board[bo_image_width] + 40 ?>);
drawFont();
}
addLoadEvent(resizeImage);
//<!-- 게시글 보기 끝 -->
//<!-- 구글지도 보기 -->
addLoadEvent(initialize);
</script>
댓글 전체
크롬에서 테스트해 보니 잘 나옵니다. IE에서 뭔가 안먹히는 것 같습니다.
맵 관련 javascript를 위쪽으로 옮겨 보시죠. 오래되서 기억이 잘 안나지만, html tag 나오기전 위쪽으로 가면 될것도 같습니다.
ㅜㅜ 해보니까 안되더라고요 .. 탭 밖으로 지도를 옮기면 정상적으로 나오는데 탭 안으로 옮기면 안나오네요 . 초보라 영 모르겠네요..