지도 위에 공백 없애는 방법좀여 ㅠㅠㅠ
관련링크
본문
하단에 지도의 가로 사이즈를 1400px로 키웠더니 이렇게 위 아래에 크게 흰 여백이 생겼어요 ㅠ
이 흰 공간 어떻게 없애나요??
어디서 수정해야 할지 모르겠어요
자세히 설명 부탁드려요 ㅠㅠㅠ
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_THEME_PATH.'/head.php');
?>
<div style="width:1400px;margin:0 auto;position:relative;background:#fff">
<div style="text-align:center ;padding:0px;height:138px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_01.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:631px;" id="main1">
<ul class="top1">
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_02.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_03.jpg" border="0"></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:311px; ">
<a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_04.jpg" border="0"></a></div>
<div style="text-align:center;padding:0px;height:361px;" id="main1">
<ul class="top1">
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_05.jpg" border="0"></a></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_06.jpg" border="0"></a></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_07.jpg" border="0"></a></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:133px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_08.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:73px;" id="main1">
<ul class="top1">
<li><img src="<?php echo G5_THEME_URL ?>/img/main_09.jpg" border="0"></a></li>
<li><a href="http://cafe.naver.com/carssada" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_10.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_11.jpg" border="0"></a></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:306px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_12.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:135px;" id="main1">
<ul class="top1">
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_13.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_14.jpg" border="0"></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:326px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_15.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:109px;" id="main1">
<ul class="top1">
<li><img src="<?php echo G5_THEME_URL ?>/img/main_16.jpg" border="0"></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_17.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_18.jpg" border="0"></li>
</ul>
</div>
<div style="text-align:center;padding:0px;height:488px;" id="main1">
<ul class="top1">
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_19.jpg" border="0"></a></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_20.jpg" border="0"></a></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_21.jpg" border="0"></a></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:217px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_22.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:212px;" id="main1">
<ul class="top1">
<li><img src="<?php echo G5_THEME_URL ?>/img/main_23.jpg" border="0"></li>
<li><a href="http://cafe.naver.com/carssada" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_24.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_25.jpg" border="0"></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:128px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_26.jpg" border="0"></div>
<script type="text/javascript" src="http://openapi.map.naver.com/openapi/v3/maps.js?clientId=vpesttccEqoqqJ8BchBN"></script>
<script>
function search_si(m_si){
location.href="search_map.asp?m_si="+m_si;
}
function search_do(m_do){
m_si = $("#m_si").val();
location.href="search_map.asp?m_si="+m_si+"&m_do="+m_do;
}
function search_form(){
s_Keyword = $("#s_Keyword").val();
m_si = $("#m_si").val();
m_do = $("#m_do").val();
location.href="search_map.asp?s_Keyword="+s_Keyword+"&m_si="+m_si+"&m_do="+m_do;
}
</script>
<?
$adrr = "서울 강남구 테헤란로 441 송암빌딩 5층";
$geo2=geocode($adrr);
$data2 = json_decode($geo2,1);
$map_y_point = $data2['result']['items'][0]['point']['x'];
$map_x_point = $data2['result']['items'][0]['point']['y'];
?>
<div style="text-align:center;padding:0px;height:450px;" id="main1">
<ul class="top1" >
<li style="background:#302e2f;height:450px;width:30px;"></li>
<li style="background:#fff;height:450px;width:1400px;"><div class="in_map" id="in_map" style="width:1400px; height:450px;margin:0 auto;"></div></li>
<li style="background:#302e2f;height:450px;width:30px;"></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:150px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_33.jpg" border="0"></div>
<div style="text-align:center ;padding:0px;height:40px; ">
<a href="https://form.office.naver.com/form/responseView.cmd?formkey=MTU5NDFkYzItMWNkNy00ODEzLWE0NjQtMjQ2NjJkMWEwMmU0&sourceId=urlshare" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_34.jpg" border="0"></a></div>
<script type="text/javascript">
<!--
//지도를 삽입할 HTML 엘리먼트 또는 HTML 엘리먼트의 id를 지정합니다.
var mapDiv = document.getElementById('in_map'); // 'map' 으로 선언해도 동일
//옵션 없이 지도 객체를 생성하면 서울시청을 중심으로 하는 11레벨의 지도가 생성됩니다.
var map = new naver.maps.Map('in_map', {
center: new naver.maps.LatLng( <? echo $map_x_point;?>, <? echo $map_y_point;?> ), //지도의 초기 중심 좌표
zoom: 13, //지도의 초기 줌 레벨 1~14
minZoom: 1, //지도의 최소 줌 레벨 1~14
zoomControl: true, //줌 컨트롤의 표시 여부
mapTypeId: naver.maps.MapTypeId.HYBRID,
mapTypeControl: true,
mapTypeControlOptions: {
style: naver.maps.MapTypeControlStyle.BUTTON,
position: naver.maps.Position.TOP_RIGHT
},
zoomControlOptions: { //줌 컨트롤의 옵션
position: naver.maps.Position.TOP_RIGHT
},
setSize:{width:'1050px',height:'500px'}
});
map.setOptions({ //모든 지도 컨트롤 숨기기
scaleControl: true,
mapOptions: true,
logoControl: true,
mapDataControl: true,
zoomControl: true,
mapTypeControl: true
});
var cityhall = new naver.maps.LatLng(<? echo $map_x_point;?>, <? echo $map_y_point;?> );
var contentString = [
'<div class="iw_inner" style="padding:10px;width:250px;">',
' <h3>CARSADA</h3>',
' <p>서울 강남구 테헤란로 441 송암빌딩 5층<br>',
' TEL.*** 개인정보보호를 위한 전화번호 노출방지 ***',
' </p>',
'</div>'
].join('');
var marker = new naver.maps.Marker({
map: map,
position: cityhall
});
var infowindow = new naver.maps.InfoWindow({
content: contentString
});
naver.maps.Event.addListener(marker, "click", function(e) {
if (infowindow.getMap()) {
infowindow.close();
} else {
infowindow.open(map, marker);
}
});
infowindow.open(map, marker);
//-->
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>
