修改view.ui.add中修改微件位置

AriaGIS

于 2020-10-30 10:49:44 发布

阅读量767

点赞数

CC 4.0 BY-SA版权

分类专栏： ArcGIS API for JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44616652/article/details/109380848

ArcGIS API for JavaScript 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了如何调整ArcGIS JavaScript中的UI元素，如添加自定义CSS样式，以实现更好的用户体验。重点在于设置.esri-attribution和组件定位，同时提供了详细的代码示例进行指导。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原始位置

修改后位置

参考代码

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/index.html?sample=widgets-home

修改后代码

css中添加

.esri-attribution__sources {
            font-weight: 300;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0 5px;
            align-self: flex-start;
            flex: 1 0;
            display: none;
        }

        .esri-ui-manual-container>.esri-component {
            position: absolute;
            left: 200px;
            top: 500px;
        }

        .esri-attribution {
            font-size: 12px;
            line-height: 16px;
            background-color: rgba(255, 255, 255, 0.65);
            display: none;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
        }

js中修改

view.ui.add(homeBtn);