Question

您好我正在尝试在Cesium Viewer / Map上覆盖一个工具栏，但每当我尝试像沙堡示例中那样使用div class = toolbar时，按钮或我添加的任何内容总是显示在地图下。我想要这样的事情：http://i.imgur.com/KKI2W5R.png

这是我到目前为止所拥有的：

的index.html

<html>
<head>
    <title>Demo</title>

</head>

<body>
     {% load staticfiles%}
     <script src= {% static "js/Cesium.js"  %} type="text/javascript"></script>
     <div id="cesiumContainer"></div>
     <div class="toolbar-left">
    <button onclick="alert('You clicked!');">Click me!</button>
    </div>
    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'test/hello.css' %}" />
     <script>
        var viewer = new Cesium.Viewer('cesiumContainer');
     </script>
</body> 
</html>

Answer 1

修复是在html文件中显式添加样式标记以声明toolbar-left

{{1}}

在Cesium Viewer / Map上叠加工具栏

1 个答案: