묻고답하기
메인 레이아웃 빈공간과 네이버 지도 출력문제
2015.03.10 23:49
초보자 질문입니다.
http://chwoolaw.com/
위 사이트구요.
메인에 상단 슬라이더 이미지와 footer 사이 공간을 없애고 싶은데 어디서 수정해야 하는지 모르겠어요. ㅠㅠ
그리고 오시는길(외부페이지 연결)
네이버지도 api 적용했는데 지도가 화면에 잠깐 깜밖이고 뜨지 않습니다.
소스를 잘못 입력한건가요?
고수님들 답변 부탁드립니다.ㅠㅠ
댓글 4
-
CosignStudio
2015.03.11 06:20
-
네봉
2015.03.11 17:21
너무 감사드려요. 덕분에 해결했습니다.
-
CosignStudio
2015.03.11 06:20
네이버 지도 부분은 소스를 확인해보아야 합니다.
-
네봉
2015.03.11 17:23
<div id="map" style="border:1px solid #000;"></div>
<script type="text/javascript" src="http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=9a250cc612ff4672c37ea8043a0b2f22"></script>
<script type="text/javascript">
var oCenterPoint = new nhn.api.map.LatLng(37.4938073, 127.0076759); //괄호 안에 복사한 위도(y), 경도(x)를 넣어주세요.
nhn.api.map.setDefaultPoint('LatLng');
var defaultLevel = 11; //기본 줌 레벨(축척 정도)입니다. 1~14 사이의 값 중 원하시는 값을 입력하시면 됩니다.
var oMap = new nhn.api.map.Map(document.getElementById('map'), {
point : oCenterPoint,
zoom : defaultLevel,
enableWheelZoom : true,
enableDragPan : true,
enableDblClickZoom : false,
mapMode : 0, // 0은 기본지도 1은 위성지도 입니다.
activateTrafficMap : false,
activateBicycleMap : false,
minMaxLevel : [ 1, 14 ],
size : new nhn.api.map.Size(380, 254)
});
var oSlider = new nhn.api.map.ZoomControl(); // 왼쪽 위의 줌 슬라이더 인터페이스
oMap.addControl(oSlider);
oSlider.setPosition({
top : 10,
left : 10
});
var oMapTypeBtn = new nhn.api.map.MapTypeBtn(); // 오른쪽 위의 일반 위성 버튼 인터페이스
oMap.addControl(oMapTypeBtn);
oMapTypeBtn.setPosition({
top : 10,
right : 10
});
var oSize = new nhn.api.map.Size(28, 37);
var oOffset = new nhn.api.map.Size(14, 37);
var oIcon = new nhn.api.map.Icon('http://static.naver.com/maps2/icons/pin_spot2.png', oSize, oOffset);
//지도에 표시될 마커
var oMarker = new nhn.api.map.Marker(oIcon, { title : '법무법인 천우' }); //마커 생성
oMarker.setPoint(oCenterPoint); //마커 표시할 좌표 선택
oMap.addOverlay(oMarker); //마커를 지도위에 표현
var oLabel = new nhn.api.map.MarkerLabel(); // - 마커 라벨 선언.
oMap.addOverlay(oLabel); // - 마커 라벨 지도에 추가. 기본은 라벨이 보이지 않는 상태로 추가됨.
oLabel.setVisible(true, oMarker); // 마커 라벨 보이기
</script>위 소스를 사용했구요.
외부페이지 링크할께요~
im_common.css 파일에서 59줄을 다음과같이 수정해보시기 바랍니다.