map.wxml 4.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <view style="height: {{height}}px; background-color : #f3f3f3" scroll-y="true">
  2. <view class="head">
  3. <!-- 左边的logo和文字 -->
  4. <view class="left-logo">
  5. <view href="https://www.cqna.gov.cn/" target="_blank">
  6. <image class="logo-img" src="{{imgUrl}}/map-logo.png"></image>
  7. </view>
  8. </view>
  9. <!-- 右边的搜索框 -->
  10. <view class="right_logo" bindtap="openVR">
  11. <image src="{{imgUrl}}/second-erw-3.png" alt="" class="first_erw"></image>
  12. </view>
  13. </view>
  14. <view class="main">
  15. <view wx:if="{{showSearch}}" class="top_search">
  16. <view class="input-icon">
  17. <input type="text" enterkeyhint="search" confirm-type="search" bindconfirm="searchTap" name="" id="" value="{{searchVal}}" bindinput="getSearchVal" class="inp" placeholder="请输入您要搜索的内容" />
  18. <image src="{{imgUrl}}/ss2.png" class="inp-icon1" bindtap="searchTap"></image>
  19. </view>
  20. </view>
  21. <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;">
  22. <t-tabs defaultValue="{{trafficType}}" bindchange= "onchange" theme="tag" style="height: 292rpx; ">
  23. <t-tab-panel label="公交" value="0" style=" height: 180rpx; ">
  24. <include src="./quert"></include>
  25. </t-tab-panel>
  26. <t-tab-panel label="自驾" value="1">
  27. <include src="./quert"></include>
  28. </t-tab-panel>
  29. </t-tabs>
  30. </view>
  31. <view class="right-map" id="right-map">
  32. <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="18" bindmarkertap="markClick" markers="{{markers}}" class="map"></map>
  33. </view>
  34. <view wx:if="{{showTraffic}}">
  35. <view class="right-search" style="position: absolute; left: 22rpx; top: 257px; width: 708rpx; height: 370rpx; display: block; box-sizing: border-box; padding-top: 10rpx;">
  36. <view style="margin-left: 15rpx;padding: 10rpx;color: #5f5d5d;" bindtap="aroundEvent">附近一公里共有<text style="color: red;">{{marksNum}}</text>个办事地点</view>
  37. <t-tabs defaultValue="{{trafficType}}" bindchange="onchange" theme="tag" style="height: 292rpx; ">
  38. <t-tab-panel label="公交" value="0" style=" height: 180rpx; ">
  39. <include src="./quert"></include>
  40. </t-tab-panel>
  41. <t-tab-panel label="自驾" value="1">
  42. <include src="./quert"></include>
  43. </t-tab-panel>
  44. </t-tabs>
  45. </view>
  46. <view class="left-map">
  47. <view class="bttom-tab show-first">
  48. <t-grid wx:for="{{type}}" wx:for-item="typeitem" wx:for-index="keys" class="block">
  49. <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}}">
  50. <!-- image=" {{imgUrl+ item.image}}" -->
  51. <image src="{{imgUrl+ item.image}}" class="gridiamge"/>
  52. </t-grid-item>
  53. </t-grid>
  54. </view>
  55. </view>
  56. </view>
  57. <view wx:else >
  58. <view class="wrap_result">
  59. <view class="title-second" style="border-radius: 30rpx; position: absolute; left: 22rpx; top: 330px; width: 708rpx; height: 120rpx;">
  60. <text style="font-size: 16px;font-weight: 400;color: #2775CC;">搜索结果</text>
  61. <button type="button" class="back_btn" bindtap="backSearch">返回</button>
  62. </view>
  63. <view class="pad_box">
  64. <view wx:if="{{searchInfo.isShow}}" class="matter-tab search-nav">
  65. <view class="matter-tab-li {{searchInfo.navType == 0 ? 'active': ''}}" bindtap="searchTab" data-type="0">地点搜索</view>
  66. <view class="matter-tab-li {{searchInfo.navType == 1 ? 'active': ''}}" bindtap="searchTab" data-type="1">事项搜索</view>
  67. </view>
  68. <include wx:if="{{isList}}" src="./item"></include>
  69. <include wx:else src="./item-info"></include>
  70. </view>
  71. </view>
  72. </view>
  73. </view>
  74. </view>
  75. <view class="popup-box show" wx:if="{{showIndex}}" bindtap="closePopup"></view>
  76. <view class="info-bottom" wx:if="{{showIndex}}">
  77. <view class="title">点位信息</view>
  78. <view class="row-info">
  79. <view class="pop-value">
  80. <scroll-view scroll-y="true" style="height:350rpx;margin-left: 50rpx;">
  81. <view style="width:50%;float: left; height: 76rpx; margin: 5rpx 0; " wx:for="{{popData}}" bindtap="changeInfo" wx:for-item="item" data-data="{{item}}" wx:index="{{index}}" wx:key="index">
  82. <image src="https://www.cqna.gov.cn/mnazw/applet/ding.png" class="icon-pop" style="float: left;"></image>
  83. <text class="text-pop">{{item.name}}</text>
  84. </view>
  85. </scroll-view>
  86. </view>
  87. </view>
  88. </view>