如何将地图视图设置为带有底部导航栏的全屏

<div id="map-container">
  <div id="map"></div>
  <div id="bottom-navigation">
    <!-- 底部导航栏的内容 -->
  </div>
</div>

#map-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#map {
  width: 100%;
  height: calc(100% - 50px); /* 减去底部导航栏的高度 */
}

#bottom-navigation {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #f2f2f2;
}

// 初始化地图
var map = new BMap.Map("map");

// 设置地图视图
var point = new BMap.Point(经度, 纬度); // 设置地图中心点坐标
map.centerAndZoom(point, 缩放级别); // 设置地图中心点和缩放级别