Skip to content

Repository files navigation

MapMe

MapMe

DownloadBuild Status

MapMe is an Android library for working with Maps. MapMe brings the adapter pattern to Maps, simplifying the management of markers and annotations.

MapMe supports both Google Maps and Mapbox

Download

//base dependency
compile 'nz.co.trademe.mapme:mapme:1.2.1'//for Google Maps support
compile 'nz.co.trademe.mapme:googlemaps:1.2.1'//for Mapbox support
compile 'nz.co.trademe.mapme:mapbox:1.2.1'

Usage

A simple MapsAdapter might look like this:

classMapsAdapter(context:Context, private valmarkers:List<MarkerData>) : GoogleMapMeAdapter(context) {
funonCreateAnnotation(factory:AnnotationFactory, position:Int, annotationType:Int): MapAnnotation {
val item =this.markers[position]
return factory.createMarker(item.getLatLng(), null, item.getTitle())
}
funonBindAnnotation(annotation:MapAnnotation, position:Int, payload:Any) {
if (annotationisMarkerAnnotation) {
val item =this.markers[position]
annotation.setTitle(item.getTitle())
}
}
val itemCount:Int
get() = markers.size()
}

Using the adapter in your view:

val adapter:MapMeAdapter=GoogleMapMeAdapter(context, items)
adapter.setOnAnnotationClickListener(this)
mapView.getMapAsync { googleMap ->//Attach the adapter to the map view once it's initialized
adapter.attach(mapView, googleMap)
}

Dispatch data updates to the adapter:

// add new data and tell the adapter about it
items.addAll(myData)
adapter.notifyDataSetChanged()
// or with DiffUtilval diff =DiffUtil.calculateDiff(myDiffCallback)
diff.dispatchUpdatesTo(adapter)

Click listeners

MapMe takes the pain out of click listeners too. No more setting tags on markers and trying to match a tag to your data when the click event is received.

MapMe has a setOnAnnotationClickListener method that will pass back a MapAnnotation containing the position of the item in the list of data:

mapsAdapter.setOnAnnotationClickListener(OnMapAnnotationClickListener { annotation ->//retrieve the data item based on the positionval item = myData[annotation.position]
//handle item click heretrue
})

Info window clicks are handled in the same way.

Animations

While MapMe doesn't handle marker animations directly, it does provide a onAnnotationAdded method on the adapter that is called when a marker is added to the map.

This is the ideal place to start an animation.

For example, the following animates a markers alpha when it is added to the map:

override fun onAnnotationAdded(annotation: MapAnnotation) {
if (annotation !is MarkerAnnotation) return
ObjectAnimator.ofFloat(annotation, "alpha", 0f, 1f)
.apply {
duration = 150
interpolator = DecelerateInterpolator()
start()
}
}

Markers and Annotations

MapMe is based around the concept of Annotations. An annotation is anything displayed on the map.

The only annotation currently supported is Markers. We hope to support many more in the future.

We'd love PR's adding support for more annotations!

Multiple annotation types

More complex adapters can override getItemAnnotationType to work with multiple annotations. The annotation type is passed to onCreateAnnotation just like in a RecyclerView Adapter.

AnnotationFactory

MapMe differs from list adapters in that the creation of annotations must be left up to the map as they are not standard Android views.

The MapAdapter onCreateAnnotation method provides an AnnotationFactory as a parameter that must be used to create and return Map Annotations.

DiffUtil

As well as support for standard Adapter methods such as notifyDataSetChanged, and notifyItemInserted, MapMe supports (and recommends) DiffUtil.

DiffUtil is where the true power of MapMe comes into play. Simple manipulate the data set, calculate the diff and dispatch it to MapMe. The map will instantly reflect the data.

A DiffResult can be dispatched to the MapAdapter just as you would a RecyclerView:

DiffUtil.DiffResultdiffResult = DiffUtil.calculateDiff(newMarkerDiffCallback(this.markers, newMarkers));
diffResult.dispatchUpdatesTo(mapAdapter);

Why the adapter pattern?

Working with a few map markers is simple, but working with hundreds can become a mess of spaghetti code.

The adapter pattern provides a clear separation of data from the view, allowing the data to be manipulated freely without the concern of updating the view.

We think this is a pattern fits perfectly with maps.

Contributing

We love contributions, but make sure to checkout CONTRIBUTING.MD first!

Releases

Packages

Used by

Contributors

Languages