https://github.com/fluttercommunity/apple_maps_flutter
Apple Maps Plugin for Flutter
https://github.com/fluttercommunity/apple_maps_flutter
flutter flutter-plugin ios mkmapview
Last synced: 6 months ago
JSON representation
Apple Maps Plugin for Flutter
- Host: GitHub
- URL: https://github.com/fluttercommunity/apple_maps_flutter
- Owner: fluttercommunity
- License: bsd-2-clause
- Created: 2019-09-03T15:24:35.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2025-01-23T10:53:40.000Z (over 1 year ago)
- Last Synced: 2025-06-17T12:55:31.006Z (about 1 year ago)
- Topics: flutter, flutter-plugin, ios, mkmapview
- Language: Dart
- Homepage:
- Size: 1.38 MB
- Stars: 78
- Watchers: 3
- Forks: 99
- Open Issues: 40
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# apple_maps_flutter
[](https://codecov.io/gh/LuisThein/apple_maps_flutter)
A Flutter plugin that provides an Apple Maps widget.
The plugin relies on Flutter's mechanism for embedding Android and iOS views. As that mechanism is currently in a developers preview, this plugin should also be considered a developers preview.
This plugin was based on the `google_maps_flutter` plugin. Instead of reinventing the wheel it also uses the Flutter implementation of the `google_maps_flutter` plugin. This was also done to simplify the process of combining the `google_maps_flutter` plugin with `apple_maps_flutter` to create a cross platform implementation for Android/iOS called `flutter_platform_maps`.
# Screenshots
| Example 1 | Example 2 |
| :-------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------: |
|  |  |
# iOS
To use this plugin on iOS you need to opt-in for the embedded views preview by adding a boolean property to the app's Info.plist file, with the key `io.flutter.embedded_views_preview` and the value `YES`. You will also have to add the key `Privacy - Location When In Use Usage Description` with the value of your usage description.
# Android
There is no Android implementation, but there is a package combining apple_maps_flutter and the google_maps_flutter plugin to have the typical map implementations for Android/iOS called platform_maps_flutter.
## Sample Usage
```dart
class AppleMapsExample extends StatelessWidget {
AppleMapController mapController;
void _onMapCreated(AppleMapController controller) {
mapController = controller;
}
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
child: Container(
child: AppleMap(
onMapCreated: _onMapCreated,
initialCameraPosition: const CameraPosition(
target: LatLng(0.0, 0.0),
),
),
),
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Column(
children: [
FlatButton(
onPressed: () {
mapController.moveCamera(
CameraUpdate.newCameraPosition(
const CameraPosition(
heading: 270.0,
target: LatLng(51.5160895, -0.1294527),
pitch: 30.0,
zoom: 17,
),
),
);
},
child: const Text('newCameraPosition'),
),
FlatButton(
onPressed: () {
mapController.moveCamera(
CameraUpdate.newLatLngZoom(
const LatLng(37.4231613, -122.087159),
11.0,
),
);
},
child: const Text('newLatLngZoom'),
),
],
),
Column(
children: [
FlatButton(
onPressed: () {
mapController.moveCamera(
CameraUpdate.zoomIn(),
);
},
child: const Text('zoomIn'),
),
FlatButton(
onPressed: () {
mapController.moveCamera(
CameraUpdate.zoomOut(),
);
},
child: const Text('zoomOut'),
),
FlatButton(
onPressed: () {
mapController.moveCamera(
CameraUpdate.zoomTo(16.0),
);
},
child: const Text('zoomTo'),
),
],
),
],
)
],
);
}
}
```
Suggestions and PR's to make this plugin better are always welcome.