Marker

Parse layout to original marker or you can create any view as marker. I added the layer for create any view as marker instead original marker.

Download#

implementation 'com.utsman.geolib:marker:{last_version}'

Bitmap Marker#

This marker is original from Google Maps SDK. But, you can create bitmap marker from xml layout.

Create marker adapter#

Extend your adapter with MarkerBitmapAdapter() and implement methods.

createView() (suspend)
maxWidth()
maxHeight()

class MarkerAdapter(private val context: Context) : MarkerBitmapAdapter() {
    override suspend fun createView(): View {
        return LayoutInflater.from(context).inflate(R.layout.marker_cat, null)
    }

    override fun maxWidth(): Int {
        return 50.dp
    }

    override fun maxHeight(): Int {
        return 70.dp
    }
}

CreateView() is setting up your view, inflate the xml to view and return to it. This function is suspend, so support the asynchronus function like load image from url.

maxWidth() is max width for your marker in pixel.

maxHeight() is max height for your marker in pixel.

Implement marker adapter#

From the adapter, you can get bitmap icon with getIconView().

val iconBitmap = markerAdapter.getIconView()
val melbourneLocation = LatLng(-37.813, 144.962)
val melbourne = map.addMarker(
    MarkerOptions()
        .position(melbourneLocation)
        .icon(iconBitmap)
)

Any View Marker#

This feature is enabling posibility create any view (not bitmap) as a marker. But this marker is not original marker from Google Maps. If you create animate marker with gif file or Lottie file, use this feature.

Instance Marker Adapter#

// mapsView is a parent view
val mapsView = view.findViewById<ViewGroup>(R.id.maps_view)

// attach marker adapter with mapsView or a activity
val markerViewAdapter = MarkerViewAdapter(mapsView)

Bind marker into google maps#

markerViewAdapter.bindGoogleMaps(googleMap)

Add marker#

// inflate layout as view
val lottieView = LayoutInflater.from(context).inflate(R.layout.marker_view, null)

val buaran = LatLng(-6.2220484, 106.9217385)
markerViewAdapter.addMarkerView {
    id = "marker_lottie"
    latLng = buaran
    view = lottieView
    sizeLayer = SizeLayer.Marker
    anchorPoint = AnchorPoint.NORMAL

    // window view like info window in normal marker
    windowView = {
        height = 30.dp
        width = 100.dp
        view = markerWindowView
    }
}