arcgis for js 4 隐藏缩放按钮及底部powered by ESRI

话不多说，如果要实现去掉地图上默认的缩放按钮和Esri Logo的话可以通过

require([
  "esri/views/MapView", ... 
], function(MapView, ... ) {
var view = new MapView({
    ...
})
view.ui.remove('zoom')//清除放大缩小按钮
view.ui.remove('attribution')//清楚底部powered by ESRI

如果想更暴力点就这样

require([
  "esri/views/MapView", ... 
], function(MapView, ... ) {
var view = new MapView({
    ...
})
view.ui.components = [];//清空所有ESRI自带的组件

如果想看我继续逼逼，请诸君往下看

在arcgis for js 3.*中 我们可以很轻松的使用

esri/map 中的方法：

slider:false
logo:false

 直接去掉不想显示的原生小工具，但是arcgis4.*中却不可以这么使用

arcgis4.*将以上方法集成到

"esri/views/MapView"当中

且集成后实现了更多功能，

mapView中有一个方法：ui，当点击他所集成的类时，我们可以看到它集成了一个

require(["esri/views/ui/DefaultUI"], function(DefaultUI) {...});

方法

官方对于DefaultUI的解释

如果大家不喜欢官方对于DefaultUI的介绍

那我来解释一下我理解的

现在我们不光可以对地图上的官方小工具进行true/false 的判断删除，而且还可以进行一些移动操作

DefaultUI将地图的上方按钮分为四个区域

可以通过add以及remove对地图上的控件进行添加及删除操作如：

view.ui.remove.('zoom')//清除放大缩小按钮

let searchWidget = new Search({ view: this.view }) ;//新建搜索框

view.ui.components = [];//清空地图上的所有数据

view.ui.add(searchWidget, 'top-right');//将搜索框放置在地图右上角

如果是使用3维地图也是使用此方法，但在new mapView时应为 new SceneView

以上

                                                                                                                                                                                                   

如有问题请留言，近期将持续更新