ArcGIS Maps SDK for JS：关闭地图边框（v4.27）

vitenode

已于 2024-01-26 13:49:31 修改

阅读量587

点赞数

分类专栏： Arcgis for js api 文章标签： arcgis javascript 开发语言

于 2023-12-08 15:56:31 首次发布

本文链接：https://blog.csdn.net/qq_37312180/article/details/134880854

版权

6 篇文章 1 订阅 ¥49.90 ¥99.00

订阅专栏

在升级ArcGIS Maps SDK for JS到v4.27后，原有的去除地图边框的CSS方法不再适用。解决方案是通过控制边框属性来关闭地图边框。文章详细介绍了问题背景和v4.27的解决方法，并提供了代码示例。

摘要由CSDN通过智能技术生成

近期，将ArcGIS Api for JS v4.16更新到了ArcGIS Maps SDK for JS v4.27，原本去除地图的css代码失效了。v4.27需要用.esri-view-surface--touch-none::after控制边框属性。

下面为没有关闭地图边框的效果图。（亮色版地图为黑色边框，暗色版地图为白色边框。下图为亮色版地图）

ArcGIS Api for JS v4.16

/*移除地图边框 ArcGIS Api for JS v4.16*/
.esri-view .esri-view-surface--inset-outline:focus::after {outline: none !important;
}

ArcGIS Maps SDK for JavaScript v4.27

/*移除地图边框 ArcGIS Maps SDK for JavaScript v4.27*/
.esri-view-surface--touch-none::after {outline: none !important;
}

完整代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalab

了解本专栏

关注