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:falselogo: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

以上

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

免责声明：本文系网络转载或改编，未找到原创作者，版权归原作者所有。如涉及版权，请联系删