Google Map с нижней навигацией в андроид студии

Question

Я занимаюсь разработкой проекта Android Google Map в Android Studio. У меня есть MapActivtity, чтобы показать местоположение (Код Blew:)

public class MapsActivity extends FragmentActivity implements OnMapReadyCallback {

private GoogleMap mMap;
private LatLng marker;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_maps);
    // Obtain the SupportMapFragment and get notified when the map is ready to be used.
    SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
            .findFragmentById(R.id.map);
    mapFragment.getMapAsync(this);
}

@Override
public void onMapReady(GoogleMap googleMap) {
    mMap = googleMap;
    mMap.setMapType(GoogleMap.MAP_TYPE_HYBRID);
    // Add a marker in Sydney and move the camera
    LatLng iran = new LatLng(29, 52);

    mMap.animateCamera(CameraUpdateFactory.newLatLngZoom(iran, 5.0f));

    addMarker(29.1,52.2,"ssss");
}


public void addMarker(double Lat,Double Lng, String Title){
    marker=new LatLng(Lat,Lng);
    mMap.addMarker(new MarkerOptions().position(marker).title(Title));
    mMap.animateCamera(CameraUpdateFactory.newLatLngZoom(marker, 10.0f));
    //mMap.moveCamera(CameraUpdateFactory.newLatLng(marker));

}

А мой макет такой:

   <?xml version="1.0" encoding="utf-8"?>
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:map="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/map"
    android:name="com.google.android.gms.maps.SupportMapFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MapsActivity" />

когда приложение запускается, карта отображается правильно, но я хочу показать карту, как показано на рисунке ниже, с нижней навигацией. когда кнопку карты выбрать, карта показать.