카카오 맵을 React native에서 사용하려고 하는데 에러가 생깁니다

지금 카카오맵을 react native webview에서 사용해 보려고 하는데 지도 스크립트가 로딩이 되지 않는데 혹시 이 이유를 아시는분 있을까요?

아래는 리액트 소스 부분이고
`
import axios from ‘axios’;
import React from ‘react’;
import { useEffect } from ‘react’;
import styled from ‘styled-components’;

/*global kakao*/ 

const Map = styled.div`
  width:5000px;
  height:4000px;
  margin: 1000px 1000px 0 130%;
`

const { kakao } = window;

export default () => {

useEffect(() => {

    const container = document.getElementById('myMap');

	const options = {
		center: new kakao.maps.LatLng(33.450701, 126.570667),
		level: 3
	};

    const map = new kakao.maps.Map(container, options);
}, []);

return (
    <div id='myMap' style={{
        width: '4000px', 
        height: '4000px'
    }}></div>
); 
}

아래는 네이티브 소스 부분입니다.

 const Map = () => {
  return (
    <WebView
                    style={{ flex: 1}}
                    source={{ uri: "http://172.30.1.6:3000/" }}
                    
                    ref={webview => this.appWebview = webview}
                    onMessage={this.onWebViewMessage}
                    
                    javaScriptEnabled={true}
                    useWebKit={true}
        />
    
  )
}

const App: () => Node = () => {
  return (
    <SafeAreaView style={styles.container}>   
        
        <Map/>
 
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
});

그리고 요청 uri는 개발 환경에서 공용으로 쓰고 있는 공유기의 머신 IP를 기준으로 했습니다. 그리고 해당 IP에 대해서 카카오맵 API 제공가능도 등록해 놓은 상황이구요. 실제로 폰이랑 웹사이트에서는 전부 됐습니다. 사파리 크롬에서 문제 없이 동작합니다. 뭐가 문제일까요?

스크립트 호출에 필요한 도메인 등록이 누락된 것으로 보입니다.

우측 상단의 내 어플리케이션 > 앱설정 > 플랫폼 등록에서
호출에 필요한 도메인을 모두 등록 후 다시 호출해보시기 바랍니다.

1개의 좋아요

감사합니다!
도메인 등록을 제대로 했었던거 같습니다. 제대로 알아보니 맵뷰를 할때 https 프로토콜로 받아오지 않으면 react native에서 거절하더라구요. 그래서 지금 https 서버에 올려서 테스크 해보려고 하고 있습니다

2개의 좋아요

안녕하세요!
다름이 아니라 최근에 저도 React-Native에 카카오 지도를 연동해야 할 일이 생겨서 검색중에 글을 읽게 되었습니다! 혹시 React-native에 카카오 지도 연동하는 것에 대해 도움을 주실 수 있으실까요? 두서없이 부탁드린점 죄송합니다 ㅠㅠ

성공하셨나요?
저도 https로 시도해보고있는데, 안되네요. :nauseated_face:

제가 안된이유는 geolocation 때문이었네요.
geolocation을 한 번 호출한다음
실패, 성공에 따라 지도 center를 설정한 후
지도를 보여주고 있는데
android webview에서 geolocation코드쪽을 호출하면 깜깜무소식이네요.

아래 분과 같은 문제였습니다.ㅠㅠ
https://devtalk.kakao.com/t/topic/100023