카카오맵 api 쓰려고 하는데요.
로컬이미지를 마커 이미지로 변경을 하고 싶습니다.
그런데 절대경로, 상대경로 그냥 죄다 넣어봐도 안됩니다…
다른 질문글들 다 검색해봐도 전부 url 형식이지 로컬방식으로 답변한게 한개도 없어서 작성합니다.
로컬의 이미지 사용 대체 어떻게 경로를 넣어줘야 작동하는건가요?
로컬 이미지는 안되는 건가요?
현재 지도 api 프론트에서 하고 있어서 따로 서버는 없습니다.
로컬서버의 경로를 넣으라는데 그럼 그냥 http://localhost:3000/~~~ 이런식으로 넣어야 하는건가요? 이런식으로도 넣어봤는데 안나옵니다.
대체 로컬이미지 마커에서 어떻게 쓰는건가요?
const map = new kakao.maps.Map(container, options);
const imageSrc = "../img/toilet.png";
const imageSize = new kakao.maps.Size(64, 69);
const markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize);
const markerPosition = new kakao.maps.LatLng(37.54699, 127.09598);
console.log(markerImage);
const marker = new kakao.maps.Marker({
position: markerPosition,
image: markerImage, // 마커이미지 설정
});
// 마커가 지도 위에 표시되도록 설정합니다
marker.setMap(map);
카카오 도큐먼트도 다 봤는데 url 형식으로만 나와있지 로컬이미지의 경우는 없었습니다.
제발 누가좀 알려주세요…