<!--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}}" markers="{{mapworkelist}}" show-location style="width: 100%; height: 100%;" wx:if="{{hasMarkers}}"></map>
</view>
]

<view class="footerBox flex ju-b">
        <view class="le">
            <view class="tit">
                中央美术学院9号楼洗衣房1号柜
            </view>

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

                <view class="tips blue">
                    可存衣
                </view>
            </view>

            <view class="box flex m-top-15">
                <van-icon name="location-o" class="m-right-10"/>
                <text>洪山区茅店山西路4号创星汇科技园南门</text>
            </view>

            <view class="box flex m-top-15">
                <van-icon name="clock-o" class="m-right-10" />
                <text>24h开放·支持上门</text>
            </view>
        </view>

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

            <view class="footer m-top-15">
                距离40m
            </view>
        </view>
</view>

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