如下圖，顯示出錯(cuò)，應(yīng)該是樣式的問(wèn)題，請(qǐng)問(wèn)怎么解決

代碼：

<template>
  <div class="maincontainer">
    <!-- 由于html不區(qū)分大小寫，所以js中駝峰命名方式在html中要改成用短橫線連接的形式 -->
    <!--<detail-header v-bind:title='TitleText' :showback='ShowBack'></detail-header>-->
     <x-header :left-options="{backText: ''}">設(shè)備運(yùn)維</x-header>
    <br>
    <search @on-submit="onSubmit" :auto-fixed="autoFixed" @on-focus="onFocus" @on-cancel="onCancel"></search>

    <div class="content">

      <baidu-map class="bm-view"  v-bind:center="center" @ready="handler" @dragend="loadDeviceNear"  >
        <bm-geolocation  class='bm-location'anchor="BMAP_ANCHOR_BOTTOM_Left" :showAddressBar="true" :autoLocation="true"></bm-geolocation>
      </baidu-map>
    </div>
  </div>
</template>