Twitter bootstrap 如何在打开的图层中创建新的缩放按钮？

我创建了两个用于放大和缩小的按钮（使用引导）：

<div class="btn-toolbar" id="buttontoolbar">
    <div id="newSim", class="btn-group-vertical">
        <button type="button" title="Zoom in", class="btn btn-default",id="olZoomOutLink"><img src="plus.svg"></button>
        <button type="button" title="Zoom out", class="btn btn-default", id="customZoomOut"><img src="minus.svg"></button>
    </div>
</div>

现在我的问题是，我如何让我的两个按钮用于放大和缩小

---

谢谢

在html文件中创建html按钮后，通过引用html中的id在每个按钮上添加控件。之后，听地图上的点击事件

var zoomType；
document.getElementById（'customZoomOut'）。onclick=function（）{
zoomType=“customZoomOut”；
};
document.getElementById（'olZoomOutLink'）。onclick=function（）{
zoomType=“olZoomOutLink”；
};
var map=新ol.map({
目标：“地图”，
layers:[new ol.layer.Tile（{source:new ol.source.OSM（）}）]，
视图：新ol.view（{中心：[0,0]，缩放：2}）
});
映射打开（'click'，函数（evt）{
如果（zoomType==“olZoomOutLink”）{
var view=map.getView（）；
var zoom=view.getZoom（）；
视图。设置缩放（缩放-1）；
}
如果（zoomType==“customZoomOut”）{
var view=map.getView（）；
var zoom=view.getZoom（）；
view.setZoom（缩放+1）；
}
});
谢谢。我使用了你的答案的一个稍加修改的版本，它起了作用：）
var map = new ol.Map({
    controls: ol.control.defaults({
        zoom: false,
    })
})