다각형
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
이 예에서는 대서양 지도를 표시하고 그 위에 버뮤다 삼각형 모양을 그립니다.
시작하기
샘플 코드를 사용하기 전에 개발 환경을 구성해야 합니다.
자세한 내용은 Flutter 프로젝트 설정을 참고하세요.
코드 보기
Dart
// Copyright 2025 Google LLC
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// https://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
/// Displays a map of the Atlantic Ocean with the shape of the famous
/// Bermuda Triangle drawn over it.
class PolygonsSample extends StatelessWidget {
const PolygonsSample({super.key});
@override
Widget build(BuildContext context) {
return GoogleMap(
initialCameraPosition: CameraPosition(target: LatLng(25, -72)),
polygons: {
Polygon(
// Polygon id must be unique.
polygonId: PolygonId('bermuda triangle'),
points: [
LatLng(25.28, -80.33),
LatLng(32.29, -64.79),
LatLng(18.51, -65.36),
LatLng(25.28, -80.33), // Same as first point to close polygon.
],
strokeColor: Colors.red,
fillColor: Colors.yellow,
consumeTapEvents: true,
onTap: () => debugPrint('tapped on the Bermuda Triangle'),
),
},
);
}
}
다음 단계
GitHub에서 전체 샘플을 확인하세요.
GitHub에서 보기
또는 다음 명령어를 실행하여 전체 샘플 세트를 클론하여 로컬에서 실행할 수 있습니다.
git clone -b flutter_samples https://github.com/googlemaps-samples/flutter-maps-samples.git
cd flutter-samples
flutter pub get
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-09-03(UTC)
[null,null,["최종 업데이트: 2025-09-03(UTC)"],[],[],null,["# Polygons\n\nThis example displays a map of the Atlantic Ocean with the shape of the Bermuda Triangle drawn over it.\n\nGet started\n-----------\n\nBefore you can try the sample code, you must configure your development environment.\nFor more information, see [Set up a Flutter project](/maps/flutter-package/config).\n\nView the code\n-------------\n\n### Dart\n\n```python\n// Copyright 2025 Google LLC\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// https://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport 'package:flutter/material.dart';\nimport 'package:google_maps_flutter/google_maps_flutter.dart';\n\n/// Displays a map of the Atlantic Ocean with the shape of the famous\n/// Bermuda Triangle drawn over it.\nclass PolygonsSample extends StatelessWidget {\n const PolygonsSample({super.key});\n\n @override\n Widget build(BuildContext context) {\n return GoogleMap(\n initialCameraPosition: CameraPosition(target: LatLng(25, -72)),\n polygons: {\n Polygon(\n // Polygon id must be unique.\n polygonId: PolygonId('bermuda triangle'),\n points: [\n LatLng(25.28, -80.33),\n LatLng(32.29, -64.79),\n LatLng(18.51, -65.36),\n LatLng(25.28, -80.33), // Same as first point to close polygon.\n ],\n strokeColor: Colors.red,\n fillColor: Colors.yellow,\n consumeTapEvents: true,\n onTap: () =\u003e debugPrint('tapped on the Bermuda Triangle'),\n ),\n },\n );\n }\n}\nhttps://github.com/googlemaps-samples/flutter-maps-samples/blob/8f227e8b4d07179e5fb7cc5e8d8cb5440befd229/lib/samples/polygons.dart\n \n```\n\nNext steps\n----------\n\nView the complete set of samples on GitHub:\n\n[View on GitHub](https://github.com/googlemaps-samples/flutter-maps-samples/tree/main/lib/samples)\n\nAlternatively, clone the full set of samples to run them locally by executing the following commands: \n\n git clone -b flutter_samples https://github.com/googlemaps-samples/flutter-maps-samples.git\n cd flutter-samples\n flutter pub get"]]
