nazw/nnzwminiapp/pages/map/map.wxml

<scroll-view style="height: {{height}}px; background-color : #f3f3f3" scroll-y="true">
  <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 class="right_logo" bindtap="openVR">
        <image src="{{imgUrl}}/second-erw-3.png" alt="" class="first_erw"></image>
    </view>
  </view>
  <view class="main">
    <view wx:if="{{showSearch}}" class="top_search">
      <view class="input-icon">
        <input type="text" enterkeyhint="search" confirm-type="search" bindconfirm="searchTap" name="" id="" value="{{searchVal}}"  bindinput="getSearchVal" class="inp" placeholder="请输入您要搜索的内容" />
        <image src="{{imgUrl}}/ss2.png" class="inp-icon1" bindtap="searchTap"></image>
      </view>
    </view>
    <view wx:if="{{showSet}}" class="right-search" style="position: absolute; left: 22rpx; top: 10px; width: 708rpx; height: 300rpx; display: block; box-sizing: border-box; padding-top: 10rpx;">
        <t-tabs defaultValue="{{trafficType}}" bindchange= "onchange" 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="right-map" id="right-map">
      <map id="map" longitude="{{longitude}}"  latitude="{{latitude}}" scale="18"   markers="{{markers}}" class="map"></map>
    </view>

    <view wx:if="{{showTraffic}}">
      <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="{{trafficType}}" bindchange="onchange" 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:for-item="typeitem" wx:for-index="keys" class="block">
            
            <t-grid-item bindtap="popview" wx:for="{{typeitem}}" data-index="{{keys}}" wx:key="index2" data-id="{{item.id}}" wx:for-item="item" text="{{item.name}}">
              <!-- image=" {{imgUrl+ item.image}}" -->
              <image src="{{imgUrl+ item.image}}" class="gridiamge"/>
            </t-grid-item>
          </t-grid>

        </view>
      </view>
    </view>
    <view wx:else >
      <view class="wrap_result">
          <view class="title-second" style="border-radius: 30rpx; position: absolute; left: 22rpx; top: 330px; width: 708rpx; height: 120rpx;">
            <text style="font-size: 16px;font-weight: 400;color: #2775CC;">搜索结果</text>
            <button type="button" class="back_btn" bindtap="backSearch">返回</button>
          </view>
          <view class="pad_box">
            <include wx:if="{{isList}}" src="./item"></include>
            <include wx:else src="./item-info"></include>
          </view>
        </view>
    </view>
  </view>
  <view style="height: 100rpx;"></view>
</scroll-view>

<view class="popup-box" wx:if="{{showIndex}}" bindtap="closePopup"></view>
<view class="info-bottom" wx:if="{{showIndex}}">
  <view class="title">点位信息</view>
  <view class="row-info">
    
    <view class="pop-value">
      <scroll-view scroll-y="true" style="height:350rpx;margin-left: 50rpx;">
        <view style="width:50%;float: left; height: 38rpx; margin: 20rpx 0;  " wx:for="{{popData}}" bindtap="changeInfo"  wx:for-item="item" data-data="{{item}}" wx:index="{{index}}" wx:key="index">
          <image src="https://www.cqna.gov.cn/mnazw/applet/ding.png" class="icon-pop" style="float: left;"></image>
          <text class="text-pop">{{item.name}}</text>
        </view>
      </scroll-view>
    </view>
  </view>
</view>