React-native webview로 카카오 맵api 사용

[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.

import React from ‘react’;

import {View, Text} from ‘react-native’;
import WebView from ‘react-native-webview’;

const TravelScreen = () => {
const apiKey = ‘myappkey’;
return (

<WebView
source={{
uri: https://m.maps.kakao.com/app?apiKey=${apiKey},
}}
style={{flex: 1}}
/>
카카오맵 api

);
};

export default TravelScreen;

이런 식으로 하는데 맵 사용이 안 돼서 여기저기 다 찾아보다가 도저히 모르겠어서 물어봅니다. 도와주세요…

Encountered an error loading page {“canGoBack”: false, “canGoForward”: false, “code”: -2, “description”: “net::ERR_NAME_NOT_RESOLVED”, “loading”: false, “target”: 69, “title”: “Webpage not available”, “url”: “https://m.maps.kakao.com/app?apiKey=myAppKey”}
추가로 이런 오류도 발생중입니다.

@tjrmswo506

https://m.maps.kakao.com
은 카카오 지도 API 주소가 아닙니다.

가이드를 먼저 확인하고 사용해주세요.

@C.L //dapi.kakao.com/v2/maps/sdk.js?appkey=${apiKey} 이렇게 사용하면 되나요?