묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
다음 지도를 띄우려 합니다.
2012.12.21 11:12
게시판 형식 아니고
그냥 메인 화면에 다음 지도를 불러오려고 하는데요
다음에서 제공하는 예제 그대로에 api key값만 받아서 바꿨는데
네모난 틀만 뜨고 지도는 보여지지 않습니다.
수정하러 들어가면 소스 몇 부분이 사라져 있기도 하구요.
구글 맵은 잘 됬는데 다음은 안되는 이유가 뭘까요ㅠㅠ
<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 10% }
#map { width: 50%; height: 50% }
</style>
<script type="text/javascript"
</script>
<script type="text/javascript">
window.onload = function() {
var position = new daum.maps.LatLng(35.84719, 127.13087);
var map = new daum.maps.Map(document.getElementById('map'), {
center: position,
level: 4,
mapTypeId: daum.maps.MapTypeId.ROADMAP
});
var marker = new daum.maps.Marker({
position: position
});
marker.setMap(map);
var infowindow = new daum.maps.InfoWindow({
content: 'Hello, World!'
});
infowindow.open(map, marker);
};
</script>
</head>
<body>
<div id="map" style="width: 400px; height: 400px; margin: 0 auto; top:50px; border: 1px solid black;"></div>
</body>
</html>
이게 예제 소스 입니다.