wxmini/pages/map/testmap.wxml

<view class="container">
  <view class="map">
    <map bindtouchstart="closeLayer" bindmarkertap="clickMarker" id="map" markers="{{markers}}" longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}" style="width: 100%; height: {{height}}px;"></map>
  </view>
  <cover-view class="layer flex-v {{showLayer ? 'active' : ''}}">
    <cover-view class="nav">
      <cover-view class="navItem" bindtap="toFirstPage">
        <cover-view class="centerLabel">
          <cover-image class="navImg" mode="widthFix" src="/assets/images/firstpage.png"></cover-image>
          <cover-view class="navText">首页</cover-view>
        </cover-view>
      </cover-view>
      <cover-view class="navItem" >
        <button class="centerLabel noborder" open-type="share" style="line-height: 1">
          <cover-image class="navImg" mode="widthFix" src="/assets/images/share.png"></cover-image>
          <cover-view class="navText">分享</cover-view>
        </button>
      </cover-view>
      <!-- <cover-view class="navItem">
        <cover-view class="centerLabel">
          <cover-image class="navImg" mode="widthFix" src="/assets/images/icon1.png"></cover-image>
          <cover-view class="navText">南京</cover-view>
        </cover-view>
      </cover-view> -->
    </cover-view>
    <cover-view class="mainDetail flex-item">
      <cover-view class="detail flex-v">
        <cover-view class="top flex-h">
          <cover-view class="flex-item">
            <cover-view class="name">{{actionBuilding.buildingName}}</cover-view>
            <cover-view class="remark">{{actionBuilding.buildingTag[0].tagName || ''}}</cover-view>
            <cover-view class="remark">{{actionBuilding.buildingTag[1].tagName || ''}}</cover-view>
          </cover-view>
          <cover-view class="btn" bindtap='toDaohang'>
            <cover-view class="centerLabel">
              <cover-image class="btnImg" mode="widthFix" src="/assets/images/daohang.png"></cover-image>
              <cover-view class="text">导航</cover-view>
            </cover-view>
          </cover-view>
        </cover-view>
        <cover-view class="navList flex-h">
          <cover-view wx:for="{{navList}}" wx:for-item="item" wx:for-index="index" wx:key="key" class="flex-item {{navIndex === index ? 'active' : ''}}" data-index="{{index}}" bindtap="cutNav">{{item.value}}（{{item.count || 0}}）</cover-view>
        </cover-view>
        <cover-view class="flex-item">
          <cover-view class="list">
            <cover-view class="listItem" wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="key">
              <cover-view class="line"></cover-view>
              <cover-view class="icon"></cover-view>
              <cover-view class="itemText">{{item.value}} 距您{{item.distance}}m</cover-view>
            </cover-view>
          </cover-view>
        </cover-view>
      </cover-view>
    </cover-view>
  </cover-view>
</view>