<div class="divDaumMap col-xs-12 col-sm-5">
<div id="map" style="width:100%;height:230px;"></div>
<div id="roadview" style="width:100%;height:230px;"></div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은키값"></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(<?=$motelD['mLat']?>, <?=$motelD['mLng']?>), // 지도의 중심좌표
level: 3, // 지도의 확대 레벨
mapTypeId : daum.maps.MapTypeId.ROADMAP // 지도종류
};
// 지도를 생성한다
var map = new daum.maps.Map(mapContainer, mapOption);
// 지도에 확대 축소 컨트롤을 생성한다
var zoomControl = new daum.maps.ZoomControl();
// 지도의 우측에 확대 축소 컨트롤을 추가한다
map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
// 지도에 마커를 생성하고 표시한다
var marker = new daum.maps.Marker({
position: new daum.maps.LatLng(<?=$motelD['mLat']?>, <?=$motelD['mLng']?>), // 마커의 좌표
map: map // 마커를 표시할 지도 객체
});
// 지도에 클릭 이벤트를 등록합니다
daum.maps.event.addListener(map, 'click', function(mouseEvent) {
window.open('http://map.daum.net/link/map/<?=$motelD['mName']?>,<?=$motelD['mLat']?>,<?=$motelD['mLng']?>');
});
var roadviewContainer = document.getElementById('roadview'); //로드뷰를 표시할 div
var roadview = new daum.maps.Roadview(roadviewContainer); //로드뷰 객체
var roadviewClient = new daum.maps.RoadviewClient(); //좌표로부터 로드뷰 파노ID를 가져올 로드뷰 helper객체
var position = new daum.maps.LatLng(<?=$motelD['mLat']?>, <?=$motelD['mLng']?>);
// 특정 위치의 좌표와 가까운 로드뷰의 panoId를 추출하여 로드뷰를 띄운다.
roadviewClient.getNearestPanoId(position, 50, function(panoId) {
roadview.setPanoId(panoId, position); //panoId와 중심좌표를 통해 로드뷰 실행
});
function loadMap(type) {
if (type=='normal') {
$("div#map").css('display','block');
$("div#roadview").css('display','none');
} else {
$("div#map").css('display','none');
$("div#roadview").css('display','block');
}
}
loadMap('normal');
</script>
키값변경하고 도메인등록도 잘 되있는데 가장 최근에 등록한 지도만 안보이고 그 이전지도는 잘 노출되는데 어떤 문제일까요…