laundry/pages/home/map/map.wxml

<!--pages/home/map/map.wxml-->
<view class="topNav">
    <view class="inputBox flex ju-b">
        <view class="le flex">
            <van-icon name="search" />
            <input class="m-left-25" placeholder="搜索"  placeholder="搜索" value="" bindconfirm="workDesc" type="text" confirm-type="search" bindinput="bindKeyInput" />
        </view>

        <navigator class="lr flex" url="/pages/home/map/list">
            <image src="/image/icon/main.png" class="icon"></image>
            <text class="m-left-10">列表查看</text>
        </navigator>
    </view>
</view>

<view class="contioner" hover-class="none" hover-stop-propagation="false" style="width: 100%; height: 100%;">
    <map name="" longitude="{{location.longitude}}" latitude="{{location.latitude}}" bindmarkertap="markertap" markers="{{mapworkelist}}" show-location style="width: 100%; height: 100%;"  wx:if="{{hasMarkers}}" scale="10"></map>
</view>
<view class="footerBox flex ju-b" wx:if="{{show}}" bindtap="setworke" data-id="{{workedesc.id}}">
        <view class="le">
            <view class="tit">
                {{workedesc.title}}
            </view>

            <view class="tipsBox flex m-top-20">
                <view class="tips m-right-25 orage">
                    最近下单
                </view>

                <view class="tips blue">
                    {{status[workedesc.signing_status]}}
                </view>
            </view>

            <view class="box flex m-top-15">
                <van-icon name="location-o" class="m-right-10"/>
                <text> {{workedesc.address}}</text>
            </view>

            <view class="box flex m-top-15">
                <van-icon name="clock-o" class="m-right-10" />
                <text> {{workedesc.unit[0].type_name}}·{{workedesc.unit[1].type_name}}·{{workedesc.unit[2].type_name}}</text>
            </view>
        </view>

        <view class="lr">
            <view class="top flex" bindtap="location">
                <image src="/image/icon/navigation.png" class="icon"></image>
                <text class="m-left-10">导航</text>
            </view>

            <view class="footer m-top-15">
                距离 {{workedesc.distance}}km
            </view>
        </view>
</view>

<view class="location flex ju-c">
    <image src="/image/icon/location-2.png" class="icon"></image>
</view>