로드뷰 안 나오는 문제

지도/로컬 API
#1

안녕하세요.
특정 부분을 클릭하면 오른쪽 아래의 창에 로드뷰를 띄우려는 중입니다만
크롬, 사파리, 익스플로러 모두에서 로드뷰 화면이 검게 나오는데

카카오맵 api 샘플에서 '직접해보기’에서 아래 소스를 넣으면 정상적으로 나옵니다.
어디가 문제일지 모르겠네요…

54

47

40

15

<html>
<head>
    <meta charset="utf-8">
    <title>지도 생성하기</title>
    <style>

    	.roadview {position:absolute;overflow:hidden;bottom:3px;right:3px;width:500px;height:400px;z-index:10;border:1px solid #909090;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);border-radius: 5px;margin:0;padding:0;background-color:#fff;}
    </style>
    
</head>
<body>

<div id="mapwrap">
    <!-- 지도를 표시할 div 입니다 -->
    <div id="map", style="width:100%;height:650px;"></div>

    <!-- 지도 위에 소방력이 표시될 박스 -->
    <div id="roadview", class="roadview"></div>
</div>
    
<script type="text/javascript" src="http://dapi.kakao.com/v2/maps/sdk.js?appkey=앱키"></script>
    
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div 
    mapOption = { 
        center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
        level: 3 // 지도의 확대 레벨
    };

// 지도를 표시할 div와  지도 옵션으로  지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption); 

// 로드뷰
var roadviewContainer = document.getElementById('roadview'); //로드뷰를 표시할 div
var roadview = new kakao.maps.Roadview(roadviewContainer); //로드뷰 객체
var roadviewClient = new kakao.maps.RoadviewClient(); //좌표로부터 로드뷰 파노ID를 가져올 로드뷰 helper객체

var position = new kakao.maps.LatLng(33.450701, 126.570667);

// 특정 위치의 좌표와 가까운 로드뷰의 panoId를 추출하여 로드뷰를 띄운다.
roadviewClient.getNearestPanoId(position, 50, function(panoId) {roadview.setPanoId(panoId, position);});
</script>
</body>
</html>
#2

검색을 해보니
PC마다 복불복인 것 같고
어도비 플래시의 한계인 듯 하여

전체 맵은 다음맵으로 하고
마커 클릭 시 우측 하단에 출력하는 창은 구글 스트리트뷰로 해결하였습니다.

다음맵에서도 로드뷰 API 관련해서는 플래시에서 벗어나기를 기다리겠습니다.

08