nazw/nnzwminiapp/pages/map/map.wxml

<view class="head">
  <!-- 左边的logo和文字 -->
  <view class="left-logo">
    <view href="https://www.cqna.gov.cn/" target="_blank">
      <image class="logo-img" src="{{imgUrl}}/map-logo.png"></image>
    </view>
  </view>
  <!-- 右边的搜索框 -->
  <view href="http://www.cqna.gov.cn/vr/vr.html" target="_blank" class="right_logo">
    <image src="{{imgUrl}}/second-erw-3.png" alt="" class="first_erw"></image>
  </view>
</view>
<view class="main">
  <view class="top_search">
    <view class="input-icon">
      <input type="text" enterkeyhint="search" name="" id="" value="" class="inp" placeholder="请输入您要搜索的内容" />
      <image src="{{imgUrl}}/ss2.png" class="inp-icon1"></image>
    </view>
  </view>

  <view class="right-map" id="right-map">
    <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" show-location="true" markers="{{markers}}" bindmarkertap="makertap" class="map"></map>
  </view>
  <view class="right-search" style="position: absolute; left: 22rpx; top: 257px; width: 708rpx; height: 300rpx; display: block; box-sizing: border-box; padding-top: 10rpx;">
    <t-tabs defaultValue="{{0}}" theme="tag" style="height: 292rpx; ">
      <t-tab-panel label="公交" value="0" style=" height: 180rpx; ">
        <include src="./quert"></include>
      </t-tab-panel>
      <t-tab-panel label="自驾" value="1">
        <include src="./quert"></include>
      </t-tab-panel>
    </t-tabs>
  </view>
  <view class="left-map">
    <view class="bttom-tab show-first">
      <t-grid wx:for="{{type}}" wx:index="{{index}}" wx:for-item="typeitem" wx:key="index"  class="block">
        <t-grid-item bindtap="popview" wx:for="{{typeitem}}" data-index="{{index}}" data-id="{{item.id}}" wx:for-item="item"  text="{{item.name}}" image="{{item.image}}" />
      </t-grid>
      
    </view>
  </view>

</view>

<t-popup visible="{{true}}" bind:visible-change="onVisibleChange" placement="bottom" style="float: left;">
    <view class="pop popbottom">12312312</view>
</t-popup>