[카카오맵]
react(하이브리드앱)에서 가이드된 스크립트로 실행한 바 잘 실행 됩니다만
일정 횟수나 시간이 지나면 지도가 화면에 흰색으로 출력됩니다.
react js파일의 소스는 아래와 같습니다.
componentDidMount(){
script.async = true;
if(window.navigator.userAgent.toLowerCase().indexOf('android') > -1 || window.navigator.userAgent.toLowerCase().indexOf('iphone') > -1 || window.navigator.userAgent.toLowerCase().indexOf('ipod') > -1){
script.src = "https://dapi.kakao.com/v2/maps/sdk.js?appkey=승인키";
}else{
script.src = "https://dapi.kakao.com/v2/maps/sdk.js?appkey=승인키";
}
}
kakaoLoad(){
document.head.appendChild(script);
script.onload = () => {
kakao.maps.load(() => {
let el = document.getElementById('map');
let map = new kakao.maps.Map(el, {
center: new kakao.maps.LatLng(this.state.yLati, this.state.xLongi)
, level : 5
});
let marker = new kakao.maps.Marker({
position: new kakao.maps.LatLng(this.state.yLati, this.state.xLongi)
});
marker.setMap(map);
});
}
}
[카카오네비]
react(하이브리드앱) PC화면에서 테스트가 잘 되어
빌드 후 배포하면 해당앱의 접속이 끊어집니다.
인증키는 카카오맵 승인키와 동일하게 사용됩니다.
react js파일은 아래와 같습니다.
componentDidMount(){
script.async = true;
script.src = “//developers.kakao.com/sdk/js/kakao.min.js”;
if(window.navigator.userAgent.toLowerCase().indexOf('android') > -1 || window.navigator.userAgent.toLowerCase().indexOf('iphone') > -1 || window.navigator.userAgent.toLowerCase().indexOf('ipod') > -1){
Kakao.init(인증키);
}else{
Kakao.init(인증키);
}
}
goNavi(){
Kakao.Navi.start({
name: 지명,
x: 좌표x,
y: 좌표y,
coordType: 'wgs84'
});
}