react native naver map 관련 질문입니다.

Question

react native 플랫폼에서 naver map 을 이용하여 지도 서비스를 구현하고 있습니다.현재 위치 정보 를 받아오는 라이브러리를 사용하여 앱이 실행되어 처음으로 렌더링 됐을때, 현재 위치 정보에 대한 좌표값을 받아 useState에 저장하고, naver map 에 현재 위치를 설정해줬습니다.시뮬레이터/애뮬레이터로 현재 위치 정보를 받아오다보니 큰 오차가 생겨 이 부분은 감안하며 구현을 하고 있는데, TextInput 컴포넌트를 이용하여 주소를 검색하고, 받은 응답값 중에 좌표값을 추출하여 useState에 저장하고 naver map 에 현재 위치를 설정해줬는데 화면이 바뀌지 않아 질문합니다.const MainScreen = () => { // Logic const navigation = useNavigation(); const [address, setAddress] = useState(''); const [location, setLocation] = useState({latitude: 0, longitude: 0}); const getCurrentLocation = () => { Geolocation.getCurrentPosition( position => { console.log("position.coords: ", position.coords); const {latitude, longitude} = position.coords; setLocation({latitude, longitude}); }, error => { console.log('error: ', error); }, {enableHighAccuracy: true}, ); }; const searchAddress = async (address: string) => { try { await axios .get(API_URL, { headers: { 'X-NCP-APIGW-API-KEY-ID': NAVER_MAP_API_KEY_ID, 'X-NCP-APIGW-API-KEY': NAVER_MAP_API_SECRET, }, params: { query: address, }, }) .then(res => { console.log(res.data.addresses); const latitude = res.data.addresses[0].y; const longitude = res.data.addresses[0].x; setLocation({latitude, longitude}); }); } catch (error) { console.log(error); } }; useEffect(() => { getCurrentLocation(); }, []); // Views return ( setAddress(text)} placeholder="주소를 입력해주세요." style={styles.textinput} onSubmitEditing={() => searchAddress(address)} returnKeyType="done" /> {location.latitude !== 0 && location.longitude !== 0 && ( console.log(location)} /> )} ); }; 초기화면주소 검색후 화면

jtop · Answer

해결 됐씁니다

react native naver map 관련 질문입니다.

1개의 답변

#navermap 목록