<form bindsubmit="formSubmit" report-submit='true'>

<map id="myMap" scale="18" show-location style="width: 100%; height: 100vh;" longitude="{{locationInfo.longitude}}" latitude="{{locationInfo.latitude}}" markers="{{markers}}" bindmarkertap="markerClick" bindregionchange='move'>

<cover-view class='{{showbottomView?"bottom_view":"hide"}}' catchtap='dis'>

<cover-view class='bottom_view_top_view'>

<!-- class='bottom_view_top_left_view' -->

<cover-view >

<cover-view class='shopname_text'>{{currentShop.shopName}}</cover-view>

<cover-view class='shopaddress_text'>{{currentShop.shopAddress}}</cover-view>

</cover-view>

<cover-view class='right'>  

<cover-view class='line'></cover-view>

<!-- class='bottom_view_top_right_view' -->

<cover-view class='bottom_view_top_right_view' bindtap='mapnavigation'>

<cover-image class='daohang_image' src='../images/nomanshop/daohang.png'></cover-image>

<cover-view class='shopaddress_text'>{{currentShop.dis}}</cover-view>

</cover-view>

</cover-view>  

</cover-view>

<cover-view wx:if="{{currentShop.bluetoothDevice.length==0}}" class='bottom_view_button' catchtap='openDoor'>

<cover-view>购物</cover-view>

</cover-view>

<cover-view wx:else class='bottom_view_button' catchtap='openDoor'>

<cover-view>开门</cover-view>

</cover-view>

</cover-view>

</map>

</form>

.bottom_view_top_right_view{

display: flex;

flex-direction: column;

align-items: center;

}

.bottom_view_top_left_view{

display: flex;

flex-direction: column;

}

注释的地方用上这个两个class ios11以下就不用会显示