话不多说,如果要实现去掉地图上默认的缩放按钮和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的介绍
那我来解释一下我理解的
现在我们不光可以对地图上的官方小工具进行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
以上
如有问题请留言,近期将持续更新