title: Android map fragment with footer
body: <p>I want to design a screen with a Google map and a footer. With the footer, i seperated it in a different xml layout file and used '<strong>include</strong>' tag. The problem is the footer overlayed the map. My xml layout files were described bellow.</p>
  
  <p>map_viewer.xml</p>
  
  <pre><code>&lt;RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"&gt;
  
        &lt;FrameLayout
              android:id="@+id/layout_mapview"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent" 
              android:layout_above="@id/actionBtn"
              android:layout_marginTop="5dp"&gt;
  
              &lt;fragment 
                     xmlns:map="http://schemas.android.com/apk/res-auto"
                     android:id="@+id/map"
                     android:layout_width="fill_parent"
                     android:layout_height="fill_parent"
                     map:uiRotateGestures="false"               
                     class="com.glympsefunctionalitydemo.maps.Map"/&gt;
              &lt;RelativeLayout
                     android:id="@+id/footer_map"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"&gt;
                     &lt;include layout="@layout/footer/&gt;"
              &lt;/RelativeLayout&gt;
   &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>footer.xml </p>
  
  <pre><code>&lt;merge xmlns:android="http://schemas.android.com/apk/res/android"&gt;
       &lt;RelativeLayout 
             android:layout_width="match_parent"
             android:layout_height="wrap_content" 
             android:layout_alignParentBottom="true"
             android:background="@null"&gt;
  
             &lt;ImageButton 
                    android:id="@+id/actionBtn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_alignParentBottom="true"
                android:background="@null"
                android:src="@drawable/btn_actions"/&gt;
             &lt;ImageButton
                    android:id="@+id/mapBtn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/footer_horizontal_margin"
                android:layout_alignParentLeft="true"
                android:layout_alignParentBottom="true"
                android:background="@null"
                android:src="@drawable/btn_map"/&gt;
             &lt;ImageButton 
                    android:id="@+id/mapBtn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="@dimen/footer_horizontal_margin"
                android:layout_alignParentRight="true"
                android:layout_alignParentBottom="true"
                android:background="@null"
                android:src="@drawable/btn_settings"/&gt;
       &lt;/RelativeLayout&gt;
  &lt;/merge&gt;
  </code></pre>
  
  <p>The map takes all the space, the footer overlayed the map. But i just want the map to take the space left when showing the footer. How can i get it working.</p>
  
  <p><img src="https://i.stack.imgur.com/LK0IP.png" alt="enter image description here"></p>