【收藏】arcgis api for js4.x去除地图默认控件（去除指南针、层级缩放、平移旋转、地图底部logo）

本文链接：https://blog.csdn.net/no_money000/article/details/139926345

1. 使用arcgis api for js，地图中会默认加载这四个控件。

2. 小伙伴们可以根据自己需要，取消其中一个或多个默认控件。

view.ui.remove("attribution");  // 去除底部Logo
view.ui.remove("zoom");  // 去除层级缩放
view.ui.remove("navigation-toggle"); // 去除平移和旋转
view.ui.remove("compass"); // 去除指南针

3.项目完整代码如下：

<script setup>
import { onMounted } from "vue";
import WebScene from "@arcgis/core/WebScene";
import SceneView from "@arcgis/core/views/SceneView";
onMounted(() => {
  MapInit();
});
function MapInit() {
  let scene = new WebScene({
    portalItem: {
      id: "579f97b2f3b94d4a8e48a5f140a6639b",
      portal: "https://www.arcgis.com",
    },
    ground: "flat",
    layers: [],
  });
  let view = new SceneView({
    container: "map_box",
    map: scene,
    camera: {
      position: [118.29597977877853, 32.2673315514992, 210.6],
      tilt: 75.6,
      heading: 65,
    },
  });

  // 关键代码如下：
  // 注意：下方的"view"和上方创建地图实例所使用的变量名"view"一致

  view.ui.remove("attribution");  // 去除底部Logo
  view.ui.remove("zoom");  // 去除层级缩放
  view.ui.remove("navigation-toggle"); // 去除平移和旋转
  view.ui.remove("compass"); // 去除指南针
}
</script>
<template>
  <div id="map_box"></div>
</template>

<style scoped lang="less">
#map_box {
  position: absolute;
  left: 0vw;
  top: 0vh;
  height: 100vh;
  width: 100vw;
  background: rgba(255, 255, 255, 0);
}
</style>

（ps:如果文章有帮助到你，请点个小小的赞鼓励一下作者哟~~）