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" bindtap="mapTap" markers="{{markers}}"></map>

<view class="bottom-card" wx:if="{{show}}">
    <view class="left">
        <image class="user-photo" src="{{imgPath}}/map-user2.png"></image>
        <view class="user-info">
            <text class="username">{{username}}</text>
            <text class="user-role">{{roleName}}</text>
        </view>
    </view>
    <view class="right">
        <view class="video-card" style="background-image: url({{imgPath}}/map-btn-bg1.png);">
            <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);">
            <image class="message" src="{{imgPath}}/map-message.png"></image>
            <text>发消息</text>
        </view>
    </view>
</view>