navigation/pages/map/map.wxml

<!--pages/map/map.wxml-->

<view style="width: 100%;height: 100%;">
   <view class="search">
        <text class="searchBtn">搜索</text>
        <input class="searchInput" type="text" value="{{searchContent}}" bindinput="getSearchInput" bindfocus="getList" placeholder="请输入要搜索的景点"/>
   </view>
   
    <map class="myMap" 
    id="map" 
    subkey="{{subkey}}" 
    name="导航" 
    show-location="{{showlocation}}" 
    show-compass="{{showcompass}}" 
    enable-traffic="{{enabletraffic}}" 
    longitude="{{searchmarks[0].longitude}}" 
    latitude="{{searchmarks[0].latitude}}" 
    markers="{{marks}}"
    include-points="{{points}}"
    bindmarkertap="bmakt">
    </map>
    <!-- 我的位置和返回位置两个按键 -->
    <view class="locat">
        <image class="iconBtn" src="../../images/myLocal.png" bindtap="myLocate"></image>
        <image class="iconBtn2" src="../../images/return.png" bindtap="returnBack"></image>
    </view>
</view>
<!-- 没有输入搜索内容时的搜索内容区 -->
<view wx:if="{{showSearch}}" class="searchContain">
    <view class="mask" bindtap="shut"></view>
    <view class="searchContent">
        <view class="searchList" wx:for="{{marks}}" wx:key="index" data-index="{{index}}" bindtap="myChosed">{{marks[index].title}}
    </view>
    </view>
</view>
<!-- 输入了搜索内容后的搜索内容区 -->
<view wx:if="{{searchContent && showSearch}}" class="searchContain">
    <view class="mask" bindtap="shut"></view>
    <view class="searchContent">
        <view class="searchList" wx:for="{{searchmarks}}" wx:key="index" data-index="{{index}}" bindtap="myChosed">{{searchmarks[index].title}}
        </view>
    </view>
</view>