A simple, yet highly customizable and powerful location picker for SwiftUI
MapItemPicker 🗺️📍
MapItemPicker is a simple, yet highly customizable and powerful location picker for SwiftUI.
Description
A lot of apps need some kind of view to find and select locations. Sadly, Apple doesn’t offer a view for this in their frameworks and a lot of the information displayed in the Maps app that makes it easy to search for and discover map items is not exposed on . MapItemPicker uses data from MapKit, OpenStreetMaps and Wikidata to deliver a simple yet beautiful and comprehensive map item picker.MKMapItem
Example Code
Simple Picker
Convenience Method
.mapItemPickerSheet(isPresented: $showsSheet) { mapItem in
print("Map Item:", mapItem)
}
Customizable View
.fullScreenCover(isPresented: $showsSheet) {
NavigationView {
MapItemPicker(
primaryMapItemAction: .init(
title: "select",
imageName: "checkmark.circle.fill",
handler: { mapItem in
print("Map Item:", mapItem)
return true
}
)
)
.toolbar {
ToolbarItem(placement: .navigationBarLeading) {
Button("cancel") {
showsSheet = false
}
}
}
.navigationTitle(Text("select"))
.navigationBarTitleDisplayMode(.inline)
.toolbarBackground(.visible, for: .navigationBar)
}
}
Advanced Map View with Configured Standard View
MapItemPicker(
annotations: [MKPointAnnotation.chicago],
annotationView: { annotation in
MKMarkerAnnotationView(annotation: annotation, reuseIdentifier: nil)
},
annotationSelectionHandler: { annotation in
print("selected:", annotation)
},
overlays: [MKPolyline.newYorkToLosAngeles],
overlayRenderer: { overlay in
MKPolylineRenderer(polyline: overlay as! MKPolyline, color: .red)
},
primaryMapItemAction: .init(title: "select", imageName: "checkmark.circle.fill", handler: { mapItem in
print("Map Item:", mapItem)
return true
}),
additionalMapItemActions: [
.init(
title: "addTo",
imageName: "plus.square",
subActions: [
.init(title: "Collection A", imageName: "square.on.square", handler: { mapItem in return false }),
.init(title: "Collection B", imageName: "square.on.square", handler: { mapItem in return false })
]
)
],
showsLocationButton: false,
additionalTopRightButtons: [
.init(
imageName: "magnifyingglass",
handler: { searchControllerShown = true }
)
],
initialRegion: MKCoordinateRegion.unitedStates,
standardView: { Text("Standard View") },
searchControllerShown: $searchControllerShown,
standardSearchView: { Text("Saearch View") }
)
Localization
MapItemPicker contains localizations for categories, titles of sections in the views and other strings. Currently, only English and German are supported. If you can provide localization for any other language, please start a PR. You can copy the strings from the English file at . It’s not a lot of localization keys, you will propably be done in 5 minutes.Localizable.stringsSources/MapItemPicker/Resources/en.lproj
TODO
- A lot of MapItems currently have a type of simply ‘Location’ (Localization Key ‘mapItem.type.item’) before loading Wikidata and/or OpenStreetMaps data. This includes cities, mountains and other items for which Apple doesn’t provide a and should be resolved.
MKPointOfInterestCategory - Add more datasources. This can be free ones like Wikidata and OpenStreetMaps, as well as paid ones for which each application can provide their own API key.
- Add the ability to edit opening hours etc. and report back to OpenStreetMaps
- Add more filters like “Is Open” in Search
- Add Unit Tests
- Add example App with UI Tests
- Compile Documentation
