77

I am using this part of code to add a marker in a MapFragment in Google Map Version 2.

MarkerOptions op = new MarkerOptions();
op.position(point)
    .title(Location_ArrayList.get(j).getCity_name())
    .snippet(Location_ArrayList.get(j).getVenue_name())
    .draggable(true);
m = map.addMarker(op); 
markers.add(m);

I want to use different images from my drawable.

halfer
  • 19,824
  • 17
  • 99
  • 186
NRahman
  • 2,717
  • 5
  • 24
  • 29

5 Answers5

142

This is how you can set a Drawable as a Marker.

BitmapDescriptor icon = BitmapDescriptorFactory.fromResource(R.drawable.current_position_tennis_ball)

MarkerOptions markerOptions = new MarkerOptions().position(latLng)
         .title("Current Location")
         .snippet("Thinking of finding some thing...")
         .icon(icon);

mMarker = googleMap.addMarker(markerOptions);

VectorDrawables and XML based Drawables do not work with this.

Michael
  • 9,639
  • 3
  • 64
  • 69
Muhammad Babar
  • 8,084
  • 5
  • 39
  • 56
  • 29
    This is correct, although the use of the word "any" drawable is incorrect. This only allows you to set BitmapDrawables. You can't, for example, set a drawable from xml with this. – John Leehey Aug 13 '13 at 16:44
  • 4
    Well, you can - you just need to paint it into a `Canvas` first (`drawable.draw(canvas)`), then dump the `Canvas` to a `Bitmap`. – Chris Broadfoot Aug 14 '13 at 09:53
  • 2
    Well guys i really don't have any idea about this right now! so let the up votes decide who is correct :) – Muhammad Babar Aug 15 '13 at 05:47
  • Would have been a good question if it was about drawable that has been modified on code-behind, but it's currently a "press on autocomplete" question. – Léon Pelletier Feb 05 '14 at 19:42
92

@Lukas Novak answer is not showing anything because you also have to set the bounds on Drawable.
This works for any drawable. Here is a fully working example: 

public void drawMarker() {
    Drawable circleDrawable = getResources().getDrawable(R.drawable.circle_shape);
    BitmapDescriptor markerIcon = getMarkerIconFromDrawable(circleDrawable);

    googleMap.addMarker(new MarkerOptions()
            .position(new LatLng(41.906991, 12.453360))
            .title("My Marker")
            .icon(markerIcon)
    );
}

private BitmapDescriptor getMarkerIconFromDrawable(Drawable drawable) {
    Canvas canvas = new Canvas();
    Bitmap bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
    canvas.setBitmap(bitmap);
    drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
    drawable.draw(canvas);
    return BitmapDescriptorFactory.fromBitmap(bitmap);
}


circle_shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
    <size android:width="20dp" android:height="20dp"/>
    <solid android:color="#ff00ff"/>
</shape>
vovahost
  • 34,185
  • 17
  • 113
  • 116
  • My first marker drawn bigger than the others, I use exactly the same code with you. What might be the reason ? It's independent from the image source I tried with others. – Recomer Aug 02 '16 at 11:44
  • I don't know. Post some code: the drawable xml or the cose used to create the drawable if you create it programmatically. – vovahost Aug 02 '16 at 11:56
  • @vovahost Can you post the code for the circle_shape.xml. For some reason circle.getIntrinsicHeight/width return 0 for me – Pdksock Aug 04 '16 at 07:19
10

If you have Drawable created programatically (so you have no resource for it), you can use this:

Drawable d = ... // programatically create drawable
Canvas canvas = new Canvas();
Bitmap bitmap = Bitmap.createBitmap(d.getIntrinsicWidth(), d.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
canvas.setBitmap(bitmap);
d.draw(canvas);
BitmapDescriptor bd = BitmapDescriptorFactory.fromBitmap(bitmap);

Then you have BitmapDescriptor, which you can pass into MarkerOptions.

Lukas Novak
  • 1,149
  • 11
  • 11
5

If you are using vector drawable use this extension:

fun  Context.bitmapDescriptorFromVector(vectorResId:Int): BitmapDescriptor {
    val vectorDrawable = ContextCompat.getDrawable(this, vectorResId)
    vectorDrawable!!.setBounds(0, 0, vectorDrawable.intrinsicWidth, vectorDrawable.intrinsicHeight)
    val bitmap = Bitmap.createBitmap(vectorDrawable.intrinsicWidth, vectorDrawable.intrinsicHeight, Bitmap.Config.ARGB_8888)
    vectorDrawable.draw(Canvas(bitmap))
    return BitmapDescriptorFactory.fromBitmap(bitmap)
}

And set to the marker icon:

val markerOptions = MarkerOptions().position(latLng)
         .title("Current Location")
         .snippet("Thinking of finding some thing...")
         .icon(bitmapDescriptorFromVector("Your icon resource id"))// call extension here

mMarker = googleMap.addMarker(markerOptions)
Krishna Sony
  • 1,286
  • 13
  • 27
3

Basically use bitmap insted of drawable. If you do have a drawable, convert it to bitmap.
Here is a code example in kotlin. 

private fun placeNewMarker(whereToPlaceYourMarker: LatLng){

    val pickupMarkerDrawable = resources.getDrawable(R.drawable.your_marker_drawable,null)


    _pickupMarker =   mMap?.addMarker(MarkerOptions()
            .position(whereToPlaceYourMarker)
            .draggable(true)
            .title("My Marker")
            .icon(BitmapDescriptorFactory.fromBitmap(pickupMarkerDrawable.toBitmap(pickupMarkerDrawable.intrinsicWidth, pickupMarkerDrawable.intrinsicHeight, null))))



}
Sohail Shrestha
  • 477
  • 5
  • 6