# 지도

## 구글 지도

* **initialCameraPosition 속성 :** `initialCameraPosition` 속성은 지도의 초기 카메라 위치를 설정하는 데 사용됩니다. 모든 `GoogleMap` 위젯에서 동일한 `_kGooglePlex` 변수를 사용하고 있으며, 이 변수는 초기 위치를 나타냅니다.
* **onMapCreated 속성 :** `onMapCreated` 속성은 지도가 생성될 때 호출되는 함수를 정의합니다. 이 함수는 `GoogleMapController` 객체를 인수로 받아 지도를 컨트롤하는 데 사용될 수 있습니다.

#### hybrid

![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2Ft9ELK7DAQPwsAww35VFw%2Fimage.png?alt=media\&token=b0f67709-7de1-41c0-b192-e0bf0cebcaa1)

위성 지도와 일반 지도를 조합한 하이브리드 지도를 나타냅니다.

```dart
GoogleMap(
            mapType: MapType.hybrid,
            initialCameraPosition: _kGooglePlex,
            onMapCreated: (GoogleMapController controller) {},
          );
```

#### normal

![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2FZiLov4aZbM16peeIRWaI%2Fimage.png?alt=media\&token=b118ec90-4b52-4ba2-add5-2d2985d0b807)

일반 지도를 나타냅니다.

```dart
GoogleMap(
            mapType: MapType.normal,
            initialCameraPosition: _kGooglePlex,
            onMapCreated: (GoogleMapController controller) {},
          );
```

#### satellite

![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2FWLDY2THyDB8B6gJ4Q6sP%2Fimage.png?alt=media\&token=e586644c-d339-4fdb-95d4-b7be0f283ad1)

위성 지도를 나타냅니다.

```dart
GoogleMap(
            mapType: MapType.satellite,
            initialCameraPosition: _kGooglePlex,
            onMapCreated: (GoogleMapController controller) {},
          );
```

#### terrain

![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2FpFLaDs6kskXh7R7CQxM8%2Fimage.png?alt=media\&token=e6227ce6-1745-4b06-96bd-7882040f4141)

지형 지도를 나타냅니다.

```dart
GoogleMap(
            mapType: MapType.terrain,
            initialCameraPosition: _kGooglePlex,
            onMapCreated: (GoogleMapController controller) {},
          );
```

## 카카오 지도

![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2FE9fRTx5EuOlM8c4yR9Kx%2Fimage.png?alt=media\&token=73ababdc-61ff-4ba8-8e18-209a1b6004be)

```dart
KakaoMap(
            onMapTap: (latLng) {
              print(latLng);
            },
          );
```

## 네이버 지도

![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2FsF3U2zIHJegO6GcqtaOa%2Fimage.png?alt=media\&token=f47d05d0-b971-4cee-b790-5d82b1312892)

```dart
MapView(
            viewType: '<naver-map-view>',
            targetPlatform: TargetPlatform.android,
          );
```

&#x20;앱에서 다양한 지도 유형을 사용자에게 제공하고 사용자가 원하는 지도 유형을 선택할 수 있는 탭 화면을 만들 수 있습니다. 이렇게 하면 앱의 사용자 경험을 향상시키고 지도 기능을 더 다양하게 활용할 수 있습니다.