[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
안녕하세요, 카카오 지도(로드뷰) 관련해서 학습 중에 질문이 있어 게시글을 남깁니다. (자바스크립트)
- 게시글 작성 시 제가 하드코딩해둔 좌표 정보로 로드뷰를 띄우고, 해당 게시물을 저장할 때 getViewpointWithPanoId()와 getPosition()를 사용해서 로드뷰에 관한 정보들을 저장을 합니다.
- 해당 게시글을 조회할 때 로드뷰가 이미지처럼 보이게 하고싶은데 혹시 로드뷰는 StaticMap 기능이 지원되지 않나요? 현재는 아래처럼 이벤트를 걸어 하나하나 움직임을 막고 있습니다. 하지만 사용자가 로드뷰에서 화살표를 클릭하거나 더블클릭하면 시점이 바뀌더라구요. 혹시 게시물을 저장할 때 해당 로드뷰를 이미지로 저장하는 방식이 아니라, 조회할 때 생성한 로드뷰 객체를 완전한 이미지처럼(정적지도) 보이게할 수 있는 방법이 있나요?
let viewpoint = {
pan: parseFloat(data.pan), // 저장해둔 정보
tilt: parseFloat(data.tilt),
zoom: parseFloat(data.zoom),
};
let roadview = new kakao.maps.Roadview(roadviewContainer);
roadview.setPanoId(panoId, position);
kakao.maps.event.addListener(roadview, ‘panoid_changed’, () => {
reportMgmt.setRoadviewViewpoint(roadview, viewpoint);
});
kakao.maps.event.addListener(roadview, ‘click’, function(mouseEvent) {
mouseEvent.preventDefault();
});
kakao.maps.event.addListener(roadview, ‘dblclick’, function(mouseEvent) {
mouseEvent.preventDefault();
});
kakao.maps.event.addListener(roadview, ‘position_changed’, function() {
var currentPosition = roadview.getPosition();
roadview.setViewpoint(currentPosition);
});
kakao.maps.event.addListener(roadview, ‘viewpoint_changed’, () => {
let currentViewpoint = roadview.getViewpoint();
if (
currentViewpoint.pan !== viewpoint.pan ||
currentViewpoint.tilt !== viewpoint.tilt ||
currentViewpoint.zoom !== viewpoint.zoom
) roadview.setViewpoint(viewpoint); // 복구
});
setRoadviewViewpoint(roadview, viewpoint) {
roadview.setViewpoint(viewpoint);
},
감사합니다!!