지도/로컬 API에 대한 문의게시판입니다.
카카오톡 인앱브라우저에서 카카오지도가 출력이 안 됩니다.
다른 모든 브라우저에서 정상적으로 출력되는 것을 확인했는데 카카오톡에서만 안 되고 있습니다.
지도api 를 사용하기 위한 스크립트 자체를 불러오지 못하는 것 같습니다.
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=${APP_KEY}&libraries=services"></script>
// 여기까지 alert() 으로 실행 되는 것 확인
const geocoder = new kakao.maps.services.Geocoder();
geocoder.addressSearch(address, (result, status) => {
if (status === kakao.maps.services.Status.OK) {
const coords = new kakao.maps.LatLng(result[0].y, result[0].x);
const options = {
center: new kakao.maps.LatLng(coords.getLat(), coords.getLng()),
level: 3,
};
const map = new kakao.maps.Map(container, options);
const marker = new kakao.maps.Marker({
map: map,
position: coords,
});
const infowindow = new kakao.maps.InfoWindow({
content: `<div style="width:160px;height: 30px;text-align:center;vertical-align: middle">${name}</div>`,
});
infowindow.open(map, marker);
}
});
위와 같은 형태로 불러오는데 지도 api 를 사용하기 전 까지는 코드가 실행이 되는 것을 alert 으로 하나하나 찍으면서 확인을 했지만 지도 api 를 사용하는 부분에서만 아무런 반응이 없었습니다.
안드로이드 기기에서는 또 정상적으로 출력이 되네요. IOS 기기 에서만 지도 출력이 안 되고 있습니다.
카카오톡 버전: 9.5.2
IOS 버전: 14.7.1