How to create a custom-shaped bitmap marker with Android map API v2 [duplicate]

by

In the Google Maps API v2 Demo there is a MarkerDemoActivity class in which you can see how a custom Image is set to a GoogleMap.

// Uses a custom icon.
mSydney = mMap.addMarker(new MarkerOptions()
    .position(SYDNEY)
    .title("Sydney")
    .snippet("Population: 4,627,300")
    .icon(BitmapDescriptorFactory.fromResource(R.drawable.arrow)));

As this just replaces the marker with an image you might want to use a Canvas to draw more complex and fancier stuff:

Bitmap.Config conf = Bitmap.Config.ARGB_8888;
Bitmap bmp = Bitmap.createBitmap(80, 80, conf);
Canvas canvas1 = new Canvas(bmp);

// paint defines the text color, stroke width and size
Paint color = new Paint();
color.setTextSize(35);
color.setColor(Color.BLACK);

// modify canvas
canvas1.drawBitmap(BitmapFactory.decodeResource(getResources(),
    R.drawable.user_picture_image), 0,0, color);
canvas1.drawText("User Name!", 30, 40, color);

// add marker to Map
mMap.addMarker(new MarkerOptions()
    .position(USER_POSITION)
    .icon(BitmapDescriptorFactory.fromBitmap(bmp))
    // Specifies the anchor to be at a particular point in the marker image.
    .anchor(0.5f, 1));

This draws the Canvas canvas1 onto the GoogleMap mMap. The code should (mostly) speak for itself, there are many tutorials out there how to draw a Canvas. You can start by looking at the Canvas and Drawables from the Android Developer page.

Now you also want to download a picture from an URL.

URL url = new URL(user_image_url);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();   
conn.setDoInput(true);   
conn.connect();     
InputStream is = conn.getInputStream();
bmImg = BitmapFactory.decodeStream(is);

You must download the image from an background thread (you could use AsyncTask or Volley or RxJava for that).

After that you can replace the BitmapFactory.decodeResource(getResources(), R.drawable.user_picture_image) with your downloaded image bmImg.

More Related Contents:

  1. Map Markers with text in Google Maps Android API v2
  2. Display toolbar for Google Maps marker automatically
  3. This app won’t run unless you update Google Play Services (via Bazaar)
  4. How to download Google Play Services in an Android emulator?
  5. Capture screen shot of GoogleMap Android API V2
  6. Android map v2 zoom to show all the markers
  7. Blue dot and circle is not shown on MyLocation using android fused location api
  8. How do I know the map is ready to get used when using the SupportMapFragment?
  9. moveCamera with CameraUpdateFactory.newLatLngBounds crashes
  10. Adding Google Play services version to your app’s manifest?
  11. How do I draw a route, along an existing road, between two points?
  12. limit scrolling and zooming Google Maps Android API v2
  13. How to handle onTouch event for map in Google Map API v2?
  14. Google Maps API v2 SupportMapFragment inside ScrollView – users cannot scroll the map vertically
  15. Android: automatically choose debug/release Maps v2 api key?
  16. Getting results of nearby places from User’s Location using Google Maps API in Android
  17. Android: Google Maps location with low battery usage
  18. Android Maps API v2 draw circle
  19. How to draw dashed polyline with android google map sdk v2?
  20. Error: MapFragment cannot be cast to android.support.v4.app.Fragment
  21. Opening InfoWindow automatically when adding marker Google Maps v2 Android
  22. SupportMapFragment does not support AndroidX Fragment
  23. How to hide “Navigation” and “GPS Pointer” buttons when I click the marker on the android google map
  24. Google map for android my location custom button
  25. How to Draw Route in Google Maps API V2 from my location [duplicate]
  26. How can I handle map move end using Google Maps for Android V2?
  27. Google Maps V2 – Error inflating class Fragment
  28. Add Marker on Android Google Map via touch or tap
  29. How to use google map V2 inside fragment?
  30. Failed to load map. Error contacting Google servers issue with android google maps api v2 [duplicate]

Leave a Comment