arcgis api for js自定义放大缩小

首先自定义两个按钮，用于创建点击事件

 <span class="tool-small" id="btn_small"><span>缩小</span></span>
      <span class="tool-big" id="btn_big"><span>放大</span></span>

然后就是对事件的书写

注意，在使用放大缩小工具前需要引入Zoom类

import Zoom from "@arcgis/core/widgets/Zoom";

// 自定义放大缩小按钮**********************************************************************
      mapView.ui.remove("zoom"); //清除默认的放大缩小按钮

      var zoom = new Zoom({
        view: mapView,
      });

      // 放大
      const btn_big = document.getElementById("btn_big");
      btn_big.addEventListener("click", function () {
        click_big();
      });
      function click_big() {
        // alert("big");
        zoom.zoomIn();
      }
      // 缩小
      const btn_small = document.getElementById("btn_small");
      btn_small.addEventListener("click",function(){
        click_small();
      });
      function click_small(){
        zoom.zoomOut();
      }
      // 放大缩小功能结束*********************************************************************