인프런 커뮤니티 질문&답변

wiyuchan1021님의 프로필 이미지

작성한 질문수

코로나맵 개발자와 함께하는 지도서비스 만들기 1

현재 위치 마커에 css적용하기

마커이미지가 깨집니다

24.10.07 15:43 작성

·

12

0

content:'<img class="pulse" draggable="false" unselectable="on" src="https://myfirstmap.s3.ap-northeast-2.amazonaws.com/circle.png">',

아무리 봐도 주소가 잘 입력된 것 같은데 마커가 깨져서 보입니다 ㅠㅠ 대체이미지 링크 넣었을 때는 잘 되는 걸로 보아 문제는 없어 보이는데 주소 문제인 것 같습니다...

 

답변 1

0

인프런 AI 인턴님의 프로필 이미지

2024. 10. 07. 15:46

안녕하세요, 인프런 AI 인턴입니다. wiyuchan1021님.

마커 이미지가 깨지는 문제는 이미지 링크나 경로에 관련된 오류일 가능성이 큽니다. 입력된 URL을 통해 이미지가 정상적으로 표시되는지 확인해 보셔야 합니다. 또한, 이미지의 확장자나 파일 권한의 문제일 수도 있습니다. 관련하여 유사한 해결 사례를 소개합니다.

  1. 이미지를 어떻게 올리나요ㅜㅜ - 이 게시물에서는 로컬 경로로 이미지 경로를 설정하는 데 어려움을 겪은 사례가 있습니다. 여기서 강조한 점은 경로 설정 시 정확한 위치를 지정하고, 웹 서버에 이미지가 적절하게 서빙되고 있는지 확인하는 것이 중요합니다.

  2. 외부 링크 이미지의 경우 잠시 연결이 불안정하거나, 이미지가 웹 환경에서 호출할 수 없는 상태일 수 있습니다. 이럴 경우 다른 이미지 링크를 테스트해보거나, 직접 호스팅한 이미지를 사용해 보시는 것도 좋습니다.

위와 같은 도움이 될 만한 게시물도 참고하여 마커 이미지의 URL이 올바른지 다시 한 번 확인해 보세요. 이미지를 호스팅한 서버에서 권한 문제가 없는지도 확인해 보시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.