peidog-app/pages/amap/amap.html

<div class="lr-amap-page" >
        <div id="amapcontainer" class="lr-amap-contarner">
            <div class="map-panel">
                <!-- 右上角功能面板 -->

                <div style="z-index:555;flex: 0 0 auto;width: 100px;align-self: flex-end;">
                    <div class="top-right-panel">
                        <div id="map-lelftright-func">
                            <div id="layer-change">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-qiehuan1"></use>
                                </svg>
                            </div>
                            <hr>
                            <div id="route-situation">
                                <span class="iconfont icon-maozhao"></span>
                            </div>
                            <hr>
                            <div class="user-change"><span class="iconfont icon-headset"></span></div>
                            <hr>
                            <div class="user-change"><span class="iconfont icon-yuyin"></span></div>
                        </div>
                    </div>
                </div>

                <!-- 内容占位 -->
                <div style="flex: 1 0 auto"></div>
                <!-- 用户定位 -->
                <div id="user-location">
                    <div class="base-circle">
                        <div class="big-circle">
                            <div class="medium-circle">
                                <div class="small-circle"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="insurance-img">
                    <!-- <img style="max-width: 100%!important;max-height: 100%!important;width: auto;height: auto;" src="./images/insurance.png" alt=""> -->
                    <div class="left-logo">
                        <span style="font-size: 1.4em;transform: rotate(160deg);color: gray;" class="iconfont icon-yimiaojiezhong"></span>
                    </div>
                    <div class="logo-panel">
                        <span style="font-size:12px;color:#fdfdfd">疫苗提醒</span>
                    </div>
                </div>

                <div style="z-index:555;flex: 0 0 auto;">

                                       
                    <!-- 底部功能面板 -->
                    <div id="func-panel" >
                        <div id="route-play" class="func-panel-bg">
                            <!-- <div class="icon-circle-small"><span class="iconfont icon-guijichaxun"></span></div> -->
                            <p>轨迹回放</p>
                        </div>
                        <div id="electric-fence" class="func-panel-bg">
                            <!-- <div class="icon-circle-small"><span class="iconfont icon-dianziweilan"></span></div> -->
                            <p>电子围栏</p>
                        </div>
                    </div>
                
                    <!-- 底部面板 -->
                    <div id="device-info-panel">
                        <div class="strategy-roll">
                            <ul>
                                <li>测试消息！测试消息</li>
                                <li>消息测试！消息测试</li>
                            </ul>
                        </div>
                        <div class="delimite-line"></div>
                        <div id="gps-battery">
                            <span>gps电量</span>
                            <span>xx</span>
                        </div>
                    </div>

                    <!-- 窗体模板 -->
                    <script id="my-infowin-tpl" type="text/template">
                        <div class="ract LeftBubble">
                            <span><%= infoBody %></span>
                        </div>
                    </script>
                    
                </div>
            </div>
        </div>
        
    </div>