要实现BIM Viewer标记的编辑和保存功能，您可以使用一些常见的Web开发技术，如HTML、CSS和JavaScript。以下是一个示例解决方案：

HTML和CSS部分：

    
    


    

    保存标记
    
    

JavaScript部分（app.js文件）：

// 创建BIM Viewer实例
var viewer = new BIMViewer({
    container: 'viewer',
    apiKey: 'YOUR_API_KEY',
    modelId: 'YOUR_MODEL_ID',
});

// 在viewer.ready事件中添加标记
viewer.on('ready', function() {
    var markup = {
        position: {x: 10, y: 10},
        text: '示例标记'
    };
    viewer.addMarkup(markup);
});

// 保存标记的函数
function saveMarkup() {
    var markups = viewer.getMarkups();
    
    // 将标记数据发送到服务器保存
    // 可以使用 AJAX 请求将数据发送到后端进行保存，这里仅作为示例
    console.log(markups);
}

// 绑定保存按钮的点击事件
var saveBtn = document.getElementById('saveBtn');
saveBtn.addEventListener('click', saveMarkup);

在这个示例中，我们使用了BIM Viewer的JavaScript SDK来创建一个BIM Viewer实例，并在viewer.ready事件中添加了一个示例标记。当用户点击“保存标记”按钮时，我们通过调用viewer.getMarkups()方法获取所有标记的数据，然后可以将这些数据发送到服务器进行保存。

请注意，您需要将上述代码中的YOUR_API_KEY和YOUR_MODEL_ID替换为有效的API密钥和模型ID。

这只是一个基本示例，你可以根据你的具体需求来扩展和定制代码。