需求如下图
    image.png
    实现思路

    1. 基于一切都是widget的思想,我们需要先创建一个widget ```vue
    1. 2. map.ts 中创建一个toolButton
    2. ```typescript
    3. basemapsTool = new mars3d.control.ToolButton({
    4. title: "底图切换",
    5. icon: iconBasemaps,
    6. insertIndex: 1,
    7. click: () => {
    8. // 按钮点击事件,此处触发自定义事件openManageBasemaps,用于通知vue
    9. eventTarget.fire("openManageBasemaps")
    10. }
    11. })
    12. map.addControl(basemapsTool)
    1. vue中处理ui相关部分 ```typescript const { activate, isActivate, disable } = useWidget()

    mapWork.eventTarget.on(“openManageBasemaps”, () => { if (!isActivate(“manage-basemap”)) { activate(“manage-basemap”) } else { disable(“manage-basemap”) } }) ```