apple_maps_place_picker 0.1.0

A Flutter plugin that provides native Apple Maps place picker for iOS.

Apple Maps Place Picker

A Flutter plugin that provides a customizable place picker using Apple Maps. This plugin allows users to search for and select locations using Apple's native MapKit framework.

Note: This plugin is iOS-only as it uses Apple Maps.

Screenshots

Light & Dark & Preview

Features

• 🗺️ Native Apple Maps integration
• 🔍 Built-in place search functionality
• 📍 Custom marker support
• 🎬 Custom bottom address view
• 🎨 Customizable UI components
• 🎯 Precise location selection

Prerequisites

1. iOS 15.0 or higher
2. Flutter 3.3.10 or higher
3. Valid Apple Developer account for MapKit usage

Installation

Add this to your package's pubspec.yaml file:

dependencies:
  apple_maps_place_picker: ^0.1.0

Usage

Basic Implementation

AppleMapsPlacePicker(
  initialLatitude: 41.0082,
  initialLongitude: 28.9784,
  onPlaceSelected: (Place place) {
    print('Selected place: ${place.address}');
  },
)

Full Customization

AppleMapsPlacePicker(
  initialLatitude: 41.0082,
  initialLongitude: 28.9784,
  config: PlacePickerConfig(
    searchBarConfig: SearchBarConfig(
      hintText: 'Search place',
      textFieldTextStyle: TextStyle(
        fontSize: 16,
        fontWeight: FontWeight.bold,
      ),
      backgroundColor: Colors.white,
    ),
    searchResultConfig: SearchResultConfig(
      itemTextStyle: TextStyle(
        fontSize: 16,
        color: Colors.black87,
      ),
      backgroundColor: Colors.grey[100],
    ),
    addressViewConfig: AddressViewConfig(
      confirmButtonText: 'Confirm',
      addressTextStyle: TextStyle(
        fontSize: 18,
        fontWeight: FontWeight.w300,
      ),
    ),
  ),
  onPlaceSelected: (Place place) {
    print('Selected place: ${place.address}');
  },
)

Custom Marker

AppleMapsPlacePicker(
  initialLatitude: 41.0082,
  initialLongitude: 28.9784,
  onPlaceSelected: (Place place) {
    print('Selected place: ${place.address}');
  },
  customMarker: Container(
    width: 50,
    height: 50,
    decoration: BoxDecoration(
      color: Colors.blue,
      shape: BoxShape.circle,
    ),
  ),
)

Custom Bottom Address View

AppleMapsPlacePicker(
  initialLatitude: 41.0082,
  initialLongitude: 28.9784,
  onPlaceSelected: (Place place) {
    print('Selected place: ${place.address}');
  },
  customBottomSheet: (Place? place) {
    return Container(
      color: Colors.white,
      padding: EdgeInsets.all(16),
      child: Column(
        children: [
          Text(place?.address ?? 'Not found'),
          ElevatedButton(
            onPressed: () {
              // Handle confirmation
            },
            child: Text('Confirm Location'),
          ),
        ],
      ),
    );
  },
)

TODO

Upcoming features and improvements:

• ❌ Add "My Location" button functionality
• ❌ Implement custom map styles support
• ❌ Support for custom search UI

Example

For a complete example, check the example directory.

Contributing

Contributions are welcome! If you find a bug or want a feature, please open an issue.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Shahmirzali Huseynov (Linkedin)