네이버 맵 추가함

MainActivity.kt 안에 뭔가를 적으면 지도가 적용이 안돼서 주석처리함.
(안드로이드 method channel 연결 하려면 MainActivity.kt의 주석을 해제 해야한다.)

Author: oyc0401

android/app/src/main/AndroidManifest.xml

@@ -17,7 +17,7 @@
        <!-- 네이버 맵 id -->
        <meta-data
            android:name="com.naver.maps.map.CLIENT_ID"
-           android:value="YOUR_CLIENT_ID_HERE" />
+           android:value="ydk44hjjcw" />
 
        <activity
            android:theme="@style/MyCustomTheme"

android/app/src/main/kotlin/com/yumyum/inmat/MainActivity.kt

@@ -9,27 +9,27 @@ import io.flutter.plugin.common.MethodChannel
 import io.flutter.plugins.GeneratedPluginRegistrant
 
 class MainActivity : FlutterActivity() {
-    private val CHANNEL ="com.yumyum.inmat/channels"
-
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-        GeneratedPluginRegister.registerGeneratedPlugins(FlutterEngine(this@MainActivity))
-        MethodChannel(flutterEngine?.dartExecutor!!,CHANNEL).setMethodCallHandler{ call, _ ->
-            if(call.method.equals("goToSecondActivity")){
-                goToSecondActivity()
-            }
-        }
-
-    }
-
-    private fun goToSecondActivity(){
-        startActivity(Intent(this@MainActivity,SecondActivity::class.java))
-    }
-
-    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
-        flutterEngine
-            .platformViewsController
-            .registry
-            .registerViewFactory("<platform-view-type>", NativeViewFactory())
-    }
+//    private val CHANNEL ="com.yumyum.inmat/channels"
+//
+//    override fun onCreate(savedInstanceState: Bundle?) {
+//        super.onCreate(savedInstanceState)
+//        GeneratedPluginRegister.registerGeneratedPlugins(FlutterEngine(this@MainActivity))
+//        MethodChannel(flutterEngine?.dartExecutor!!,CHANNEL).setMethodCallHandler{ call, _ ->
+//            if(call.method.equals("goToSecondActivity")){
+//                goToSecondActivity()
+//            }
+//        }
+//
+//    }
+//
+//    private fun goToSecondActivity(){
+//        startActivity(Intent(this@MainActivity,SecondActivity::class.java))
+//    }
+//
+//    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
+//        flutterEngine
+//            .platformViewsController
+//            .registry
+//            .registerViewFactory("<platform-view-type>", NativeViewFactory())
+//    }
 }

ios/Podfile.lock

@@ -34,6 +34,10 @@ PODS:
     - AppAuth/Core (~> 1.4)
     - GTMSessionFetcher/Core (~> 1.5)
   - GTMSessionFetcher/Core (1.7.2)
+  - naver_map_plugin (0.9.4):
+    - Flutter
+    - NMapsMap
+  - NMapsMap (3.16.0)
   - shared_preferences_ios (0.0.1):
     - Flutter
   - Toast (4.0.0)
@@ -46,6 +50,7 @@ DEPENDENCIES:
   - geolocator_apple (from `.symlinks/plugins/geolocator_apple/ios`)
   - google_maps_flutter_ios (from `.symlinks/plugins/google_maps_flutter_ios/ios`)
   - google_sign_in_ios (from `.symlinks/plugins/google_sign_in_ios/ios`)
+  - naver_map_plugin (from `.symlinks/plugins/naver_map_plugin/ios`)
   - shared_preferences_ios (from `.symlinks/plugins/shared_preferences_ios/ios`)
 
 SPEC REPOS:
@@ -55,6 +60,7 @@ SPEC REPOS:
     - GoogleSignIn
     - GTMAppAuth
     - GTMSessionFetcher
+    - NMapsMap
     - Toast
 
 EXTERNAL SOURCES:
@@ -72,6 +78,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/google_maps_flutter_ios/ios"
   google_sign_in_ios:
     :path: ".symlinks/plugins/google_sign_in_ios/ios"
+  naver_map_plugin:
+    :path: ".symlinks/plugins/naver_map_plugin/ios"
   shared_preferences_ios:
     :path: ".symlinks/plugins/shared_preferences_ios/ios"
 
@@ -88,6 +96,8 @@ SPEC CHECKSUMS:
   GoogleSignIn: 3c68388ac221f379676e8f1cb115df3aaf73b93f
   GTMAppAuth: 4d8f864896f3646f0c33baf38a28362f4c601e15
   GTMSessionFetcher: 5595ec75acf5be50814f81e9189490412bad82ba
+  naver_map_plugin: d1d67733c56b20b88270d9da51218e18fa916232
+  NMapsMap: a2593320fca2bb09e521c05b4dffee4da42e96ed
   shared_preferences_ios: 548a61f8053b9b8a49ac19c1ffbc8b92c50d68ad
   Toast: 91b396c56ee72a5790816f40d3a94dd357abc196
 

ios/Runner/Info.plist

@@ -23,6 +23,17 @@
     <string>지도 마커를 위해 위치정보를 얻습니다.</string>
     <key>NSLocationAlwaysUsageDescription</key>
     <string>This app needs access to location when in the background.</string>
+    <key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
+    <string>Always and When In Use Usage</string>
+
+    <!-- 네이버 맵 -->
+    <key>NMFClientId</key>
+    <string>ydk44hjjcw</string>
+    <key>io.flutter.embedded_views_preview</key>
+    <true/>
+    <key>NSAllowsArbitraryLoads</key>
+    <true/>
+
 
 
     <!-- 원래 ios 설정 -->

lib/_sample/naver_map/main.dart

@@ -12,7 +12,33 @@ class MyApp extends StatelessWidget {
   Widget build(BuildContext context) {
     return MaterialApp(
       title: '네이버 맵',
-      home: const HomePage(),
+      home: const Home(),
+    );
+  }
+}
+
+class Home extends StatefulWidget {
+  const Home({Key? key}) : super(key: key);
+
+  @override
+  State<Home> createState() => _HomeState();
+}
+
+class _HomeState extends State<Home> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(),
+      body: Column(
+        children: [
+          CupertinoButton(
+              child: Text("이동"),
+              onPressed: () {
+                Navigator.push(context,
+                    CupertinoPageRoute(builder: (context) => NaverMapPage()));
+              }),
+        ],
+      ),
     );
   }
 }

lib/_sample/naver_map/naver.dart

@@ -1,31 +1,64 @@
+import 'dart:async';
+
 import 'package:flutter/foundation.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
 import 'package:flutter/services.dart';
+import 'package:naver_map_plugin/naver_map_plugin.dart';
 
-class HomePage extends StatefulWidget {
-  const HomePage({Key? key}) : super(key: key);
+class NaverMapPage extends StatefulWidget {
+  const NaverMapPage({Key? key}) : super(key: key);
 
   @override
-  State<HomePage> createState() => _HomePageState();
+  State<NaverMapPage> createState() => _NaverMapPageState();
 }
 
-class _HomePageState extends State<HomePage> {
+class _NaverMapPageState extends State<NaverMapPage> {
+  Completer<NaverMapController> _controller = Completer();
+  MapType _mapType = MapType.Basic;
+
   @override
   Widget build(BuildContext context) {
-    // This is used in the platform side to register the view.
-    const String viewType = '<platform-view-type>';
-    // Pass parameters to the platform side.
-    const Map<String, dynamic> creationParams = <String, dynamic>{};
+    double longitude = 126.65667;
+    double latitude = 37.45132;
 
     return Scaffold(
-      appBar: AppBar(
-        title: Text("네이버 맵"),
-      ),
-      body: Column(children: [
+      appBar: AppBar(title: const Text('NaverMap Test')),
+      body: Column(
+        children: [
+          // Container(
+          //   height: 400,
+          //   color: Colors.blueGrey,
+          // ),
+          Container(
+            height: 300,
+            child: NaverMap(
+              initialCameraPosition:
+                  CameraPosition(target: LatLng(latitude, longitude), zoom: 17),
+              // scrollGestureEnable:false,
+              // rotationGestureEnable:false,
+              //zoomGestureEnable:false,
+              onMapCreated: onMapCreated,
+              markers: [
+                Marker(markerId: '가게1', position: LatLng(latitude, longitude),width: 30,height: 40),
 
-      ],),
+              ],
+              minZoom: 13,
+              mapType: _mapType,
+            ),
+          ),
+          // Container(
+          //   height: 400,
+          //   color: Colors.blueGrey,
+          // ),
+        ],
+      ),
     );
   }
+
+  void onMapCreated(NaverMapController controller) {
+    if (_controller.isCompleted) _controller = Completer();
+    _controller.complete(controller);
+  }
 }