A plugin which you can use Kakao Map SDK as native functions(Android, iOS) on your Flutter project.
Just as the early version of this plugin, I'm updating this project ASAP.
If you have any question, please contact to jipkim2@gmail.com by email
Add this plugin to your Flutter project:
dependencies:
native_kakao_map_flutter_plugin:
path: ../native_kakao_map_flutter_pluginThen run:
flutter pub get-
Add your Kakao Native key in
android/app/src/main/AndroidManifest.xml:<application> <meta-data android:name="com.kakao.vectormap.KAKAO_MAP_KEY" android:value="YOUR_KAKAO_APP_KEY"/> </application>
** You have to get Kakao key before you pass this chapter.
-
In your app’s
ios/Podfile, add under theRunnertarget:target 'Runner' do use_frameworks! flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__)) pod 'KakaoMapsSDK', '2.12.5' end
-
Run:
cd ios pod install -
Add your Kakao Map app key to
ios/Runner/Info.plist:<key>KAKAO_APP_KEY</key> <string>YOUR_KAKAO_APP_KEY</string>
Import and register the plugin in main.dart:
import 'package:flutter/material.dart';
import 'package:native_kakao_map_flutter_plugin/native_kakao_map_flutter_plugin.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: const Text('Kakao Map Native')),
body: Center(
child: SizedBox(
width: 300,
height: 200,
child: KakaoMapView(
width: 300,
height: 200,
),
),
),
),
);
}
}| Widget | Description |
|---|---|
KakaoMapView |
Renders the native Kakao map view. Requires width and height. |
See the example/ directory for a full sample project demonstrating plugin usage on both Android and iOS.
BSD 3-Clause License
Copyright (c) 2025, Joey Kim