[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
https://devtalk.kakao.com/t/faq-api/125610
function markerClicked(marker, location) {
// 클릭한 마커의 위치를 가져와서 지도를 해당 위치로 이동
var markerPosition = marker.getPosition();
map.panTo(markerPosition);
// 로드뷰를 표시할 컨테이너 엘리먼트
var roadviewContainer = document.getElementById('roadview');
// 로드뷰 클라이언트 객체 생성
var roadviewClient = new kakao.maps.RoadviewClient();
// 클릭한 마커 위치에서 가까운 로드뷰의 Pano ID를 가져와 로드뷰 표시
roadviewClient.getNearestPanoId(markerPosition, 50, function (panoId) {
// 로드뷰 객체 생성
var roadview = new kakao.maps.Roadview(roadviewContainer);
roadview.setPanoId(panoId, markerPosition);
roadview.relayout();
roadviewContainer.style.visibility = 'visible'; // 로드뷰 컨테이너를 보이도록 설정
});
// 클릭시에는 로드뷰만 있는 인포윈도우 열기
var roadviewInfowindow = new kakao.maps.InfoWindow({
content: createRoadviewContent(location),
removable: true,
});
roadviewInfowindow.open(map, marker);
}
// 로드뷰만 있는 인포윈도우의 내용을 생성하는 함수
function createRoadviewContent(location) {
return '<div id="roadview" style="width:300px; height:300px; display: block;"></div>';
}
// 마커에 클릭 이벤트 추가
kakao.maps.event.addListener(marker, 'click', function (marker, location) {
return function () {
markerClicked(marker, location);
};
}(marker, location));
이 마커를 클릭시에 로드뷰가 인포윈도우로 뜨게끔 로직을 짰습니다
kakao.js:31 Uncaught TypeError: Cannot read properties of null (reading ‘currentStyle’)
at U.cb [as constructor] (kakao.js:31:142)
at new U (kakao.js:50:323)
at new oa (kakao.js:45:238)
at gong:474:48
at Object.oncomplete (kakao.js:200:330)
at g.onreadystatechange (kakao.js:200:510)
cb @ kakao.js:31
U @ kakao.js:50
oa @ kakao.js:45
(익명) @ gong:474
oncomplete @ kakao.js:200
g.onreadystatechange @ kakao.js:200
XMLHttpRequest.send(비동기)
Oc.Li @ kakao.js:201
markerClicked @ gong:472
(익명) @ gong:492
(익명) @ kakao.js:7
s @ kakao.js:2
h @ kakao.js:7
c.si @ kakao.js:129
g @ kakao.js:6
이 에러가 떠요 왜이런건가요…