인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

laniakea1010님의 프로필 이미지
laniakea1010

작성한 질문수

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

카카오맵 마커에 찍히는 주소 유형 변경 방법을 알고싶습니다

작성

·

309

0

안녕하세요. 강의를 모두 수강하고 웹사이트를 배포한 상태입니다. 지도에 마커도 잘 찍히고

인포윈도우 정보도 잘 뜨고 있는 상태입니다.

원래 강의에서는 인포윈도우에 유튜브 섬네일과 영상 링크가 올라가도록 코드를 짜주셨는데

혹시 저 섬네일과 주소를 네이버 지도 상에 있는 주소와 섬네일로 고칠 수 있는지 궁금해서 질문을 남깁니다.

제가 다니고 있는 학교 주변의 식당 정보들이 마커에 찍히고 그 마커를 찍었을 때 네이버 지도에 나와있는

섬네일과 주소 링크를 달고 싶습니다.스크린샷 2023-10-02 173300.png위 코드는 선생님께서 최종 배포하신 코드 자료에 올려주신 코드중에 인포윈도우 창에 올라가는 정보들을 설정하는 부분입니다(map.js 파일) 이 부분을 어떻게 잘 수정하면 될 거 같은데 어떻게 하면 좋을까요?

스크린샷 2023-10-02 173541.png네이버 지도에서 제 학교 주변의 중국집을 검색해서 식당중 하나를 클릭하면

https://map.naver.com/p/search/%ED%95%9C%EA%B2%BD%EB%8C%80%20%EC%A4%91%EA%B5%AD%EC%A7%91/place/37921639?c=15.00,0,0,0,dh&placePath=%3Fentry%253Dbmp

이러한 웹주소가 뜨고

그 식당옆에 있는 섬네일을 클릭하면

https://map.naver.com/p/search/%ED%95%9C%EA%B2%BD%EB%8C%80%20%EC%A4%91%EA%B5%AD%EC%A7%91/place/37921639?c=15.00,0,0,0,dh&placePath=%2Fphoto%3Fentry%253Dbmp

이런식의 주소가 주소창에 표시가 됩니다.

이 주소 형식을 어떻게 잘 이용해서 위에 올린 인포윈도우 코드에 적용을 하면 강의 자료처럼

유튜브의 섬네일과 주소가 아닌 네이버 지도의 섬네일과 주소를 불러올 수 있을거 같은데

코드를 어떤식으로 수정해야 할지 조언을 얻을 수 있을까요?

 

 

답변 1

0

Jiwoon Jeong님의 프로필 이미지
Jiwoon Jeong
지식공유자

안녕하세요.

이럴때는 개발자도구를 잘 활용하면 되는데요.

이렇게 이미지에 달려있는 소스로 해당 이미지가 어떤 경로에 저장되어있는지 파악하시면 됩니다.

 

유튜브는 영상 id에 맞춰서 형식이 정해져있다는 걸 알고 접근한것이지만,

네이버지도는 저도 잘 모르겟네요 ㅎㅎ.

어쨌든 이런식으로 커스텀할 수 있을 것 같습니다.

 

감사합니다.

image

laniakea1010님의 프로필 이미지
laniakea1010

작성한 질문수

질문하기