xuezichuangke/pages/navigation/navigation.wxml

<view class="box">
  <view class="background" wx:if="{{show}}" catchtouchmove="true"></view>
  <view class="search">
    <image src="{{img}}weapp/search.png" style="width:48rpx;height:48rpx;margin-right:44rpx;"></image>
    <input placeholder="请输入目的地查看附近还车点" bindinput="input" value="{{value}}" placeholder-class="place"></input>
  </view>
  <view class="list" wx:if="{{show && suggestion!=''}}">
    <view wx:for="{{suggestion}}" class="city_list" bindtap="selected" data-index="{{index}}" wx:key="key">
      <image src="{{img}}weapp/location_city.png"></image>
      <view>
        <text class="title">{{item.title}}</text>
        <text class="title1">{{item.addr}}</text>
      </view>
    </view>
  </view>
  <view class="parking" wx:if="{{parking}}" animation="{{animationData}}">
    <view class="view view1">
      <text class="title">{{areaTop.name}}</text>
      <view>
        <text>{{areaTop.location_distance}}</text>
        <text style="padding-left:16rpx;margin-left:16rpx;border-left:2rpx solid #ccc;">{{areaTop.description}}</text>
      </view>
    </view>
    <view bindtap="location" data-item="{{item}}" class="view view2">
      <image src="{{img}}weapp/gohear.png" style="width:140rpx;height:140rpx"></image>
    </view>
  </view>
  <map id="map" longitude='{{longitude}}' latitude='{{latitude}}' scale='16' markers="{{markers}}" bindmarkertap="stop"
    show-location="true" data-markers="{{markers}}" controls="{{controls}}" polygons="{{polygons}}">

  </map>
  <view class="bottom">
    <view class="view">
      <view class="bikeBorder"></view>
      <text>骑行区</text>
    </view>
    <view class="view">
      <view class="parkBorder">
        <image src="http://resource.bike.hanyiyun.com/yunwei/parkShow.png"></image>
      </view>
      <text>停车区</text>
    </view>
    <view class="view">
      <view class="noPark">
      <image src="http://resource.bike.hanyiyun.com/yunwei/forbid.png"></image></view>
      <text>禁停区</text>
    </view>
  </view>
</view>