<div id="toolbar" class="cesium-viewer-toolbar"> <div class="cesium-button cesium-toolbar-button"> <img src="icons/menu.png"> </div> <div class="cesium-toolbar-dropdown"> <ul> <li><a href="#">菜单项1</a></li> <li><a href="#">菜单项2</a></li> <li><a href="#">菜单项3</a></li> </ul> </div></div> 增加点击打开

您可以使用 JavaScript 代码将菜单项添加打开和关闭功能，具体代码如下：

var toolbar = document.getElementById("toolbar");
var dropdown = toolbar.querySelector(".cesium-toolbar-dropdown");

// 点击按钮打开或关闭下拉菜单
toolbar.querySelector(".cesium-button").addEventListener("click", function() {
  dropdown.classList.toggle("show");
});

// 点击菜单项关闭下拉菜单
dropdown.querySelectorAll("a").forEach(function(item) {
  item.addEventListener("click", function() {
    dropdown.classList.remove("show");
  });
});

// 当用户点击页面其他位置时，关闭下拉菜单
window.addEventListener("click", function(event) {
  if (!event.target.matches(".cesium-button img")) {
    dropdown.classList.remove("show");
  }
});

您需要将上述代码添加到 HTML 文件中，并将其放在 `</body>` 标签前面。然后，当用户单击按钮时，下拉菜单将打开或关闭。当用户单击菜单项或页面其他位置时，下拉菜单将关闭。