이 글의 성격은 무엇인가요?
질문 / 문제 해결
내용을 설명해주세요
앱인토스 미니앱(WebView)에서 네이버 지도 JavaScript API v3을 사용 중입니다.
커뮤니티에서 "지도 web SDK 방식 이용 부탁드려요"라고 안내해주신 내용을 참고해서 구현하고자 했습니다.
확인 결과:
- window.naver.maps.Map 객체 생성: 성공
- map.resize(): 성공
- map.pstatic.net 이미지 로드 테스트: 실패 (onerror 발생)
Map 객체 JS 실행 자체는 성공하나, 타일 이미지 도메인(map.pstatic.net)에 대한 이미지 로드가 차단되어 지도 배경이 표시되지 않습니다.
광고 배너 등 다른 외부 이미지는 정상 표시되는 것으로 보아, WebView CSP의 img-src whitelist에 네이버 지도 타일 도메인이 포함되지 않은 것으로 추측됩니다.
앱인토스 WebView에서 네이버 지도 JavaScript API v3 사용 시 map.pstatic.net 등 타일 도메인을 CSP whitelist에 추가하는 방법이 있나요?
지도 서비스를 구현하신 분들은 어떤 방식으로 해결하셨는지 사례가 있으면 공유 부탁드립니다.
appName (선택)
daengdaengmap
