Traccar应用程序正在使用Extjs / javascript,并且我正在尝试向应用程序UI中添加一些div元素。
这是我的Traccar服务器UI,位于右上角,默认情况下具有四个div元素:
https://ibb.co/0yZXvVV

并且在该用户界面中,所有者将另外两个div元素添加到用户界面中,我要添加到用户界面中的元素在图片中以红色四舍五入:
https://ibb.co/HBbz7hj

如果您需要检查一些代码,请访问以下示例登录名:
http://acesso.rastreieaqui.com.br/index.html
用户名:demo,
密码:演示

这是该div元素的代码:

<a class="x-btn x-unselectable x-box-item x-toolbar-item x-btn-default-toolbar-small" hidefocus="on" unselectable="on" role="button" aria-hidden="false" aria-disabled="false" id="button-1078" tabindex="0" aria-pressed="false" data-componentid="button-1078" style="right: auto; left: 1028px; margin: 0px; top: 0px;">
    <span id="button-1078-btnWrap" data-ref="btnWrap" role="presentation" unselectable="on" style="" class="x-btn-wrap x-btn-wrap-default-toolbar-small ">
        <span id="button-1078-btnEl" data-ref="btnEl" role="presentation" unselectable="on" style="" class="x-btn-button x-btn-button-default-toolbar-small  x-btn-no-text x-btn-icon x-btn-icon-left x-btn-button-center ">
            <span id="button-1078-btnIconEl" data-ref="btnIconEl" role="presentation" unselectable="on" class="x-btn-icon-el x-btn-icon-el-default-toolbar-small  x-btn-glyph" style="font-family:FontAwesome;"></span>
            <span id="button-1078-btnInnerEl" data-ref="btnInnerEl" unselectable="on" class="x-btn-inner x-btn-inner-default-toolbar-small">&nbsp;</span>
        </span>
    </span>
</a>


并且我在Web文件夹中只有一个html文件,但是当我在该html文件中添加此元素时,没有任何变化。因此,如何将这个元素添加到我的traccar UI中,我是否需要编辑extjs?我该如何做呢?还是可以将此代码元素添加到某个地方?
这是我拥有的html文件:

<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>traccar</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
</head>
<body>
<div class="bg-banner" id="bg-bn"></div>




<div id="attribution">Powered by <a href="traccar">GPS Tracking System</a></div>

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>

<script src="lib/sweetalert/sweetalert.min.js"></script>

<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>

<script id="loadScript" src="load.js"></script>
</body>
</html>```

最佳答案

如果要向地图面板添加新按钮,则需要编辑Map.js文件:

https://github.com/traccar/traccar-web/blob/master/web/app/view/map/Map.js

确保在应用程序之后编译源代码或使用其调试版本。

07-24 09:50
查看更多