카카오 지도 api 이용시 GeoCoder 를 찾지 못하여 에러가 발생합니다

카카오맵 API (지도/로컬)
1

안드로이드 하이브리드 앱에서 kakao.maps.services.Geocoder() 함수를 이용시
uncaught typeError: cannot read properties of undefinde('reading Geocoder) 에러가 발생하여 지도가 나오지 않습니다.

아래와 같이 appkey도 정상적으로 호출 되는거 확인 했습니다.
<script type=“text/javascript” src="//dapi.kakao.com/v2/maps/sdk.js?appkey=appkey&libraries=services">

androidmanifest.xml 에서
<application
android:android:usesCleartextTraffic=“true”
로 설정후 테스트후 사용하면 정상적으로 지도가 보입니다.

android:android:usesCleartextTraffic 옵션을 false로 해서 앱을 배포해야 하는 상황이어서
아래와 같이 설정후 테스트시
위에서 말씀드렸듯이 GeoCoder를 찾지 못하는 에러가 발생하여 지도가 화면에 보이지 않습니다.

---- AndroidManifest.xml 설정------------
android:android:usesCleartextTraffic=“false”
android:networkSecurityConfig="@xml/network_security_config"
…

network_security_config.xml 설정 내용
---- network_security_config.xml 설정------------
<?xml version=“1.0” encoding=“utf-8”?>
<network-security-config>
<domain-config cleartextTrafficPermitted=“true”>
<domain includeSubdomains=“true”>dapi.kakao.com</domain>
</domain-config>
</network-security-config>

위 현상에 대해서 확인 요청드립니다.

감사합니다.

2

아래 답변에 안내드린 설정 추가해서 확인 부탁드립니다.
https://devtalk.kakao.com/t/android-window-kakao/125900/2

3

androidmanifest.xml 에
<uses-permission android:name=“android.permission.INTERNET” />
<uses-permission android:name=“android.permission.ACCESS_NETWORK_STATE” />

위 두항목 추가하고
카카오 개발자 계정의 web 도메인에 http://localhost를 추가한 후에 테스트를 진행 하였으나
동일하게 오류가 발생합니다.

참고로 web 도메인에 file:// 이 항목도 추가 하였으나 동일합니다.

4

network_security_config.xml에 아래 도메인을 추가하면 지도 및 라이브러리를 사용할 수 있습니다.
도메인 추가해서 다시 한번 확인 부탁드립니다.

<domain includeSubdomains="true">daumcdn.net</domain>
<domain includeSubdomains="true">dapi.kakao.com</domain>
5

카카오 맵 가이드에 있는 대로 아래와 같이 선언
<script type=“text/javascript” src="//dapi.kakao.com/v2/maps/sdk.js?appkey=appkey&libraries=services](https://dapi.kakao.com/v2/maps/sdk.js?appkey=appkey&libraries=services)">

<domain includeSubdomains=“true”>daumcdn.net
<domain includeSubdomains=“true”>dapi.kakao.com
위 조합으로는 이전과 같이 지도가 보이지 않습니다.

dap.kakao.com 에 http protocol 을 추가한 후 테스트를 진행하면 지도 이미지가 정상적으로 나오고 있습니다.
근데 지도가 화면에 보여지는 속도가 느립니다. 이 부분도 확인이 필요 할것 같아 보입니다.

<script type=“text/javascript” src=“http://dapi.kakao.com/v2/maps/sdk.js?appkey=appkey&libraries=services](https://dapi.kakao.com/v2/maps/sdk.js?appkey=appkey&libraries=services)”>

<domain includeSubdomains=“true”>daumcdn.net
<domain includeSubdomains=“true”>dapi.kakao.com

감사합니다.

6

제 경우 svelte, capacitor로 프로젝트를 만들어서
가이드와 같이 script 설정, 아래와 같이 안드로이드 설정해서
안드로이드 폰과 에뮬레이터로 테스트를 진행했고 지도 생성과 주소 검색 기능 모두 정상 동작했으며 속도 이슈는 없었습니다.
개발 환경, 안드로이드 설정, 네트워크 이슈등의 문제일 수 있을 것 같습니다.

<!-- AndroidManifest.xml-->
<application .. android:networkSecurityConfig="@xml/network_security_config”/>
<uses-permission android:name="android.permission.INTERNET" />

<!-- network-security-config.xml -->
<network-security-config>
  <domain-config  cleartextTrafficPermitted="true"> 
    <domain includeSubdomains="true">daumcdn.net</domain>
    <domain includeSubdomains="true">dapi.kakao.com</domain>
  </domain-config>
</network-security-config>

임베디드 브라우저 및 웹뷰, 웹 컴포넌트와 같은 브라우징 환경은
환경 구축 및 테스트의 어려움 때문에 지도 JS API의 대응 범위에서 제외됩니다.
적극적으로 대응해드리지 못하는 점 양해 부탁드립니다.

7

자체적으로 테스트를 진행 한 결과 저희쪽 네트워크 상태에 따라서 속도가 느려지고 빨라지는거 확인하였습니다.
빠른 대응에 감사드립니다.

1개의 좋아요