argis js 地图自定义缩放按钮，实现点击触发缩放

先把原来的缩放按钮隐藏

#map_zoom_slider {
     display:none;
}

加上新的缩放按钮样式

#zoomIn,#zoomOut {
    width:30px;
    height:30px;
    position: absolute;
    z-index: 999;
    top: 84px;
    left: 21px;
    color:#fff;
    background:#20a5f4;
    border-radius: 3px;
    font-size: 22px; 
    line-height: 30px;
    text-align: center;
}
#zoomIn,#zoomOut {
    font-weight: bold;
    font-size: 28px;
    line-height: 24px;
    cursor: pointer;
}
#zoomIn {
    top: 20px;
}
#zoomOut {
    top: 52px;
}

新的缩放按钮结构

<div id="map">
     <div id="zoomIn">+</div>
     <div id="zoomOut">-</div>
</div>

新的缩放按钮js事件

// 放大
$("#zoomIn").click(function () {
    $(".esriSimpleSliderIncrementButton").click();    // 直接触发原来的放大点击事件
});
// 缩小
$("#zoomOut").click(function (e) {
    $(".esriSimpleSliderDecrementButton").click();   // 直接触发原来的缩小点击事件
});