React-Leaflet react-leaflet의 마커 회전 react-leaflet의 Marker를 회전시키는 방법을 조사해, 조금 무리한 느낌이 되고 있습니다만 일단 할 수 있던 정리입니다. RotableMarker.tsx 사용법으로는 다음이 예입니다. rotationAngle에서 회전 각도를 45도, rotationOrigin에서 CSS의 transform-origin을 지정합니다. App.tsx 결과는 다음과 같이 회전합니다. 참고... leafletReact-Leaflet React-Leaflet의 지도 화상의 중첩으로 경도-180~+180보다 밖에 지도 화상이 붙여지지 않은 것이 신경이 쓰이므로 대응했다 경도-180~+180 밖에 지도 화상이 붙여지지 않은 것이 신경이 쓰인다. 경도-180~+180 밖에 같은 지도 이미지를 붙여 넣으면 좋을 뿐. ./sample-app/src/components/MyMap.js... leafletReactReact-Leaflet
react-leaflet의 마커 회전 react-leaflet의 Marker를 회전시키는 방법을 조사해, 조금 무리한 느낌이 되고 있습니다만 일단 할 수 있던 정리입니다. RotableMarker.tsx 사용법으로는 다음이 예입니다. rotationAngle에서 회전 각도를 45도, rotationOrigin에서 CSS의 transform-origin을 지정합니다. App.tsx 결과는 다음과 같이 회전합니다. 참고... leafletReact-Leaflet React-Leaflet의 지도 화상의 중첩으로 경도-180~+180보다 밖에 지도 화상이 붙여지지 않은 것이 신경이 쓰이므로 대응했다 경도-180~+180 밖에 지도 화상이 붙여지지 않은 것이 신경이 쓰인다. 경도-180~+180 밖에 같은 지도 이미지를 붙여 넣으면 좋을 뿐. ./sample-app/src/components/MyMap.js... leafletReactReact-Leaflet