Polyline 확대 축소시 이동

지도/로컬 API
#1

지도/로컬 API에 대한 문의게시판입니다.

지도에 polyline을 추가하였는데
지도를 확대하거나 축소할 시에
polyline이 이동합니다.
marker는 그 자리에 그대로 있습니다.
어떡해야할까요?

                            var linePath = [
                                    new kakao.maps.LatLng(35.8340362, 128.6898596),
                                    new kakao.maps.LatLng(35.8341805, 128.6898828),
                                    new kakao.maps.LatLng(35.8343263, 128.6899056),
                                    new kakao.maps.LatLng(35.8344706, 128.6899246)
                            ];

                            var polyline = new kakao.maps.Polyline({
                                    map: map.map,
                                    path: linePath,// 선을 구성하는 좌표배열 입니다
                                    strokeWeight: 3, // 선의 두께 입니다
                                    strokeColor: '#db4040', // 선의 색깔입니다
                                    strokeOpacity: 1, // 선의 불투명도 입니다 1에서 0 사이의 값이며 0에 가까울수록 투명합니다
                                    strokeStyle: 'solid' // 선의 스타일입니다
                            });

                            for (var i=0; i<linePath.length; i++) {
                                    var marker = new kakao.maps.Marker({
                                            map: map.map, // 마커를 표시할 지도
                                            position: linePath[i], // 마커를 표시할 위치
                                            title : i+1 // 마커의 타이틀, 마커에 마우스를 올리면 타이틀이 표시됩니다
                                    });
                            }
#2

첨부 로직으로 테스트해보았는데 라인과 마커 모두 움직임이 없습니다.
혹시 지도 이벤트에서 폴리 라인의 path를 새로 설정해주나요?

#3

아 다른일 때문에 그동안 못올렸었는데

답변 감사합니다.

21

이렇게 확대한거랑 축소한거랑 폴리라인 위치가 이동 됩니다.

폴리라인 path을 따로 설정해주진 않고 만들어진 path 그대로 입니다.

#4

첨부 소스와 다르게 스샷은 마커의 위치도 어긋나 있습니다.

지도 크기(width, height)가 적용되어 있는지,
지도 스타일이 다른 css에 영향을 받고 있는지 확인 부탁드리고
만약 모달/탭 형태로 구현했다면 지도가 보이는 시점에 map.relayou(); 을 호출해주세요.