[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
Element 탭을 살펴보니 폴리곤은 제대로 올라갔으며, 이 태그에 있는 "stroke:none, fill:none"에 red같은 색상을 입력해 주면 잘 뜨는 것을 확인하였습니다. 하지만, 처음 로딩 시 저게 none으로 되어 있어 서비스에 이용할 수 없습니다.
styled-components에서 map이 있는 div의 하위 svg에 대해 색상을 설정해 줘도 똑같이 none으로 나와서 폴리곤을 확인할 수 없습니다. 혹시 어느 부분이 문제인지 알 수 있을까요?
“<svg version=“1.1” style=“stroke: none; stroke-dashoffset: 0.5; stroke-linejoin: round; fill: none; transform: translateZ(0px); position: absolute; left: -2491px; top: -1730px; width: 6825px; height: 4765px;” viewBox=“0 0 6825 4765””
원, 선, 사각형, 다각형 표시하기 예제로 확인해보시면 도형을 올리는 svg는 troke와 fill이 none으로 설정되어 있습니다.
주신 내용만으로는 파악이 어렵기 때문에 현상을 확인할 수 있는 코드도 함께 첨부 부탁드립니다.
제가 stroke속성에 “FF0000” 이런식으로 6자리만 쓰고 #을 안 붙여서 생긴 문제인 것 같습니다. 현재는 해결되었습니다.