| | |
| | | @layout("/common/_container.html"){ |
| | | <style type="text/css"> |
| | | body, |
| | | html { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin: 0; |
| | | } |
| | | |
| | | #allmap { |
| | | html, body, #container { |
| | | height: 100%; |
| | | width: 100%; |
| | | } |
| | | |
| | | ul li { |
| | | list-style: none; |
| | | .input-card .btn{ |
| | | margin-right: 1.2rem; |
| | | width: 9rem; |
| | | } |
| | | |
| | | .btn-wrap { |
| | | z-index: 999; |
| | | position: fixed; |
| | | bottom: 3.5rem; |
| | | margin-left: 3rem; |
| | | padding: 1rem 1rem; |
| | | border-radius: .25rem; |
| | | background-color: #fff; |
| | | box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5); |
| | | } |
| | | |
| | | .btn { |
| | | width: 75px; |
| | | height: 30px; |
| | | float: left; |
| | | background-color: #fff; |
| | | color: rgba(27, 142, 236, 1); |
| | | font-size: 14px; |
| | | border: 1px solid rgba(27, 142, 236, 1); |
| | | border-radius: 5px; |
| | | margin: 0 5px; |
| | | text-align: center; |
| | | line-height: 30px; |
| | | } |
| | | |
| | | .btn:hover { |
| | | background-color: rgba(27, 142, 236, 0.8); |
| | | color: #fff; |
| | | .input-card .btn:last-child{ |
| | | margin-right: 0; |
| | | } |
| | | </style> |
| | | <div class="ibox float-e-margins"> |
| | |
| | | </div> |
| | | <div class="row"> |
| | | <div class="col-sm-10"> |
| | | <div class="form-horizontal" id="allmap" style="margin-left: 50px;width: 100%; height: 500px;"></div> |
| | | <div class="form-horizontal" id="container" style="margin-left: 50px;width: 100%; height: 500px;"></div> |
| | | <div class="input-card" style="margin-left: 50px;"> |
| | | <h4>轨迹回放控制</h4> |
| | | <div class="input-item"> |
| | |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=t5pcBZB5G4D11G9MzHq8Kik7jqzlTrAL"></script> |
| | | <script src="${ctxPath}/static/js/track1.js"></script> |
| | | <script src="${ctxPath}/static/js/track2.js"></script> |
| | | <script src="${ctxPath}/static/js/track3.js"></script> |
| | | <script type="text/javascript" src="//mapopen-pub-jsapi.bj.bcebos.com/jsapiGlgeo/track.js"></script> |
| | | <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script> |
| | | <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=3mHKIXMArjgIkgADzOlTYp4XssNSNkwr"></script> |
| | | <script src="https://cache.amap.com/lbs/static/addToolbar.js"></script> |
| | | <script src="${ctxPath}/static/modular/system/tOrderTaxi/tOrderTaxi_info.js"></script> |
| | | |
| | | @} |