Add extra padding around CameraUpdateFactory.newLatLngBounds

Question

I need to add extra padding around the markers on the map that I show.

Here is the code so far but the top and bottom or west and east markers are on the edge of the screen.

 @Override
public void onMapReady(GoogleMap googleMap) {
    mMap = googleMap;


    mMap.setOnMapLoadedCallback(new GoogleMap.OnMapLoadedCallback() {
        @Override
        public void onMapLoaded() {
            LatLngBounds.Builder builder = new LatLngBounds.Builder();
            for (int i = 0; i < arrayList.size(); i++) {
                options.position(latlngs.get(i));
                options.title(arrayList.get(i).getArea().toString());
                options.snippet(arrayList.get(i).getRegion().toString());
                mMap.addMarker(options);
                builder.include(latlngs.get(i));
            }
            LatLngBounds bounds = builder.build();
            int padding = 0;
            CameraUpdate cameraUpdate = CameraUpdateFactory.newLatLngBounds(bounds, padding);

            mMap.moveCamera(cameraUpdate);            }
    });

}

Here is what I get:

This is what I want: So how can I add some padding so that I can see all the markers but not have the markers butted against the edge of the map? Thanks for any input.

Shweta Nandha · Accepted Answer · 2020-06-01T14:10:44.873

7

Set padding value > 0
Example:
int padding = 50;

edited Jun 01 '20 at 14:10

answered Dec 02 '16 at 09:13

Shweta Nandha

728
1
8
19

1

50 seems to work well, I think I tried 5 and it was not working and assumed the padding was affecting other aspect of the map. Good to have that solved. Many thanks, – timv Dec 02 '16 at 11:41

score 6 · Answer 2 · answered Dec 24 '18 at 14:44

6

I would also suggest solution by @Zumry Mohamed from the thread: Android map v2 zoom to show all the markers, that worked best for me:

width = getResources().getDisplayMetrics().widthPixels;
height = getResources().getDisplayMetrics().heightPixels;
padding = (int) (width * 0.20); // offset from edges of the map - 20% of screen
CameraUpdate cameraUpdate = CameraUpdateFactory.newLatLngBounds(bounds,, width, height, padding);

answered Dec 24 '18 at 14:44

Aleksandar G

1,163
2
20
25

1

thanks for that as I upgraded to kotlin and its now broken and its something I need to fix once back at work. – timv Dec 27 '18 at 23:57
1

very helpful. this worked as expected – Theophilus Abiola Alamu Feb 10 '22 at 02:57

score 3 · Answer 3 · answered Dec 02 '16 at 07:51

3

You already had the padding value in your code.

Just increase the value of int padding = 0; to a higher value (for example int padding = 100;)

answered Dec 02 '16 at 07:51

antonio

18,044
4
45
61

score 0 · Answer 4 · answered Feb 08 '20 at 11:31

This is for setting padding to the map. In the below method you can make map to focus the camera on latlngbounds and padding you give will be given from all for side.

CameraUpdateFactory.newLatLngBounds(LatLngBounds bounds, int padding)

The second method which you can use for specifying padding in a particular direction:

GoogleMap.setPadding(     10,      20,      20,     50);

Here arguments are in pixel(Int), left, top, right, bottom. I used both the above methods in following way.

fun moveCameraToPolyLine(polyline: Polyline, googleMap: GoogleMap?) {
    val builder = moveCameraToPolyline(polyline)
    builder.let {builder->
        googleMap?.let {googleMap ->
            googleMap.animateCamera(CameraUpdateFactory.newLatLngBounds(builder!!.build(), 300))
setDirectionalPaddingToGoogleMap(300,300,300,600)
        }
    }
}

//left,top,right,bottom in pixels
fun setDirectionalPaddingToGoogleMap(googleMap: GoogleMap?,left :Int,top : Int, right : Int, bottom : Int){
    googleMap?.setPadding(left,top,right,bottom)
}

Add extra padding around CameraUpdateFactory.newLatLngBounds

4 Answers4