light-application/light-application-wx/pages/light-map/light-map.wxml

<!--pages/light-map/light-map.wxml-->
<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}" show-location="true" markers="{{markers}}" bindtap="mapTap" bindmarkertap="markerTap"></map>

<view class="bottom-card" wx:if="{{show}}">
    <view class="left">
        <image class="user-photo" src="{{userPhoto}}"></image>
        <view class="user-info">
            <text class="username">{{nickname}}</text>
            <text class="user-role" wx:if="{{showRole}}">{{roleName}}</text>
        </view>
    </view>
    <view class="right">
        <view class="video-card" style="background-image: url({{imgPath}}/map-btn-bg1.png);" wx:if="{{showVideo}}">
            <image class="video" src="{{imgPath}}/map-video.png"></image>
            <text>视频</text>
        </view>
        <view class="message-card" style="background-image: url({{imgPath}}/map-btn-bg2.png);" bindtap="intoChatRoom">
            <image class="message" src="{{imgPath}}/map-message.png"></image>
            <text>发消息</text>
        </view>
    </view>
</view>