map.wxml 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <view style="height: {{height}}px; background-color : #fff" 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="12" bindmarkertap="markClick" markers="{{markers}}" circles="{{circle}}" class="map"></map>
  33. </view>
  34. <view class="icon-shq" style="background-image: url({{newImgUrl}}district/img/icon-shq.png);" bindtap="openShq"></view>
  35. <view wx:if="{{showTraffic}}">
  36. <view class="right-search" style="position: absolute; left: 22rpx; top: 700rpx; width: 708rpx; height: 370rpx; display: block; box-sizing: border-box; padding-top: 10rpx;">
  37. <view style="margin-left: 15rpx;padding: 10rpx;color: #5f5d5d;" bindtap="aroundEvent">附近1公里共有<text style="color: red;">{{marksNum}}</text>个地点</view>
  38. <t-tabs defaultValue="{{trafficType}}" bindchange="onchange" theme="tag" style="height: 292rpx; ">
  39. <t-tab-panel label="公交" value="0" style=" height: 180rpx; ">
  40. <include src="./quert"></include>
  41. </t-tab-panel>
  42. <t-tab-panel label="自驾" value="1">
  43. <include src="./quert"></include>
  44. </t-tab-panel>
  45. </t-tabs>
  46. </view>
  47. <view class="left-map">
  48. <view class="bttom-tab show-first">
  49. <t-grid wx:for="{{type}}" wx:for-item="typeitem" wx:for-index="keys" class="block">
  50. <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}}">
  51. <!-- image=" {{imgUrl+ item.image}}" -->
  52. <image src="{{imgUrl+ item.image}}" class="gridiamge"/>
  53. </t-grid-item>
  54. </t-grid>
  55. </view>
  56. </view>
  57. </view>
  58. <view wx:else >
  59. <view class="wrap_result">
  60. <view class="title-second" style="border-radius: 30rpx; position: absolute; left: 22rpx; top: 330px; width: 708rpx; height: 120rpx;">
  61. <text style="font-size: 16px;font-weight: 400;color: #2775CC;">搜索结果</text>
  62. <button type="button" class="back_btn" bindtap="backSearch">返回</button>
  63. </view>
  64. <view class="pad_box">
  65. <view wx:if="{{searchInfo.isShow}}" class="matter-tab search-nav">
  66. <view class="matter-tab-li {{searchInfo.navType == 0 ? 'active': ''}}" bindtap="searchTab" data-type="0">地点搜索</view>
  67. <view class="matter-tab-li {{searchInfo.navType == 1 ? 'active': ''}}" bindtap="searchTab" data-type="1">事项搜索</view>
  68. </view>
  69. <include wx:if="{{isList && !matterEventInfo.isShow}}" src="./item"></include>
  70. <include wx:elif="{{isList && matterEventInfo.isShow}}" src="./item-event"></include>
  71. <include wx:else src="./item-info"></include>
  72. </view>
  73. </view>
  74. </view>
  75. </view>
  76. </view>
  77. <view class="popup-box show" wx:if="{{showIndex}}" bindtap="closePopup"></view>
  78. <view class="info-bottom" wx:if="{{showIndex}}">
  79. <view class="title">点位信息</view>
  80. <view class="row-info">
  81. <view class="pop-value">
  82. <scroll-view scroll-y="true" style="height:350rpx;margin-left: 50rpx;">
  83. <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">
  84. <image src="https://www.cqna.gov.cn/mnazw/applet/ding.png" class="icon-pop" style="float: left;"></image>
  85. <text class="text-pop">{{item.name}}</text>
  86. </view>
  87. </scroll-view>
  88. </view>
  89. </view>
  90. </view>