kakaomap webviewプラグインを取得します.

https://pub.dev/packages/flutter_kakao_map

上のカードをタッチして、必要な形にしてみます.

Error!

I/chromium( 5467): [INFO:CONSOLE(4)] "A parser-blocking, cross site (i.e. different eTLD+1) script, http://t1.daumcdn.net/mapjsapi/js/main/4.3.6/kakao.js , is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus
このような警告が複数出てきて、何も表示されません!

解決策

Android

AndroidManifest.xml

Android:useCleartextTraffic=「true」を追加します.

    <application
        android:name="io.flutter.app.FlutterApplication"
        android:label="kakao_map_practice"
        android:icon="@mipmap/ic_launcher"
        android:usesCleartextTraffic="true">

IOS

Info.plist

ファイルの下部に追加します.

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
  <key>NSAllowsArbitraryLoadsInWebContent</key>
  <true/>
</dict>

.
.
.
.
.
警告が...うん.

!!交差点の問題は気にしないで!(KakaoDev回答)