# 지도

## 구글 지도

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

#### hybrid

![](/files/ENrmc3C5IFbBtxbVQrzN)

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

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

#### normal

![](/files/Z8AofTZiY1Arnndb3WGX)

일반 지도를 나타냅니다.

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

#### satellite

![](/files/sMqI8z9mKsORb3cA85ss)

위성 지도를 나타냅니다.

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

#### terrain

![](/files/OaftDigsSSTNazUz4uM2)

지형 지도를 나타냅니다.

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

## 카카오 지도

![](/files/dHqgAEyhjtYXVPeczggZ)

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

## 네이버 지도

![](/files/B5m1Y7T2LcYK0eQAqyB8)

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://developer.aliothx.net/start/option/index/map.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.