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

以上

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

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

微信开发 Weixin JS接口隐藏微信中网页底部导航栏
公众号在有需要时(如认为用户在该页面不会用到浏览器前进后退功能),可在网页中通过JavaScript代码隐藏网页底部导航栏. 接口调用代码(JavaScript) document.addEventL ...
java点击按钮隐藏图片6_原生JS实现隐藏显示图片 JS实现点击切换图片效果
今天要说的内容,看标题就都能知道了!所有知识点一览无遗啊!咱们今天的东西,是纯纯的原生JS代码, 我先说一下要求: 1.有两个按钮,内容为显示,和换, 2.当点击显示的时候,按钮文字变成隐藏,同时图片 ...
control层alert弹出框乱码_【ArcGIS for JS】动态图层的属性查询（11）
在真实需求中,我们不仅仅是将shp在地图中显示那么简单,我们往往要查询该图层的属性信息,我们在前面代码的基础上添加上属性查询. 1.1方法1(通过click直接获取) 1.1.1代码实现给要素图层添 ...
（转） Arcgis for js加载百度地图
http://blog.csdn.net/gisshixisheng/article/details/44853709 概述: 在前面的文章里提到了Arcgis for js加载天地图,在本节,继续讲 ...
(转载）arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。...
1 arcgis加载天地图和wmts服务 arcgis for js加载天地图的例子网上有很多,这里先不写了,后期有空再贴代码,这里主要分析下WMTS服务为什么不显示,怎么解决. 条件:这里的WMTS ...
Arcgis for js开发之直线、圆、箭头、多边形、集结地等绘制方法
将ARCGIS for Js API中绘制各种图形的方法进行封装,方便调用.用时只需要传入参数既可.(在js文件中进行封装定义): 1.新建js文件,新建空对象用于函数的定义 if (!this[&q ...
（转）Arcgis for JS之地图自适应调整
http://blog.csdn.net/gisshixisheng/article/details/42675897 概述:本节讲述的内容为当浏览器大小发生变化或者地图展示区域的大小发生变化时,地图 ...
Android百度地图SDK：隐藏比例尺，隐藏百度LOGO，隐藏缩放控件
Android百度地图SDK:隐藏(不显示)比例尺,隐藏(不显示)百度LOGO,隐藏(不显示)缩放控件在自己的Android应用开发中使用百度地图SDK,百度会自动在MapView上添加百度的 ...
android百度地图设置logo，缩放按钮，指南针的位置
我们在使用百度地图的SDK时,有时地图上的logo,缩放按钮以及指南针的位置可能与我们自己的空间位置发生冲突,这就需要去手动调节这些小控件的位置以及是否显示等问题. 设置指南针的位置: android ...