网站建设与规划论文,营销渠道策划方案,做一个网页需要学什么,ftp上传网站之后怎么做文章目录 1 问题描述2 解决方案 1 问题描述
近期#xff0c;将ArcGIS Api for JS v4.16更新到了ArcGIS Maps SDK for JS v4.27#xff0c;原本去除地图的css代码失效了。
v4.26及以前版本 #xff0c;需要用.esri-view-surface--inset-outline:focus::after 控制边框属性。… 文章目录 1 问题描述2 解决方案 1 问题描述
近期将ArcGIS Api for JS v4.16更新到了ArcGIS Maps SDK for JS v4.27原本去除地图的css代码失效了。
v4.26及以前版本 需要用.esri-view-surface--inset-outline:focus::after 控制边框属性。
从 v4.27版本开始 改用.esri-view-surface--touch-none::after控制边框属性。
下面为没有关闭地图边框的效果图。亮色版地图为黑色边框暗色版地图为白色边框。下图为亮色版地图
2 解决方案
ArcGIS Api for JS v4.26及以前版本
/*移除地图边框 ArcGIS Api for JS v4.26及以前版本*/
.esri-view .esri-view-surface--inset-outline:focus::after {outline: none !important;
}/*不加.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
htmlheadmeta charsetutf-8 /meta nameviewport contentinitial-scale1, maximum-scale1, user-scalableno /titleIntro to MapView - Create a 2D map/titlestylehtml,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}/*移除地图边框 ArcGIS Maps SDK for JavaScript v4.27*/.esri-view-surface--touch-none::after {outline: none !important;} /style!-- 从 CDN 加载 ArcGIS Maps SDK for JavaScript --link relstylesheet hrefhttps://js.arcgis.com/4.27/esri/themes/light/main.css /!-- 引用 main.css 样式表 --script srchttps://js.arcgis.com/4.27//script/headbody!-- 存放地图内容的div --div idviewDiv/divscriptrequire([esri/Map, esri/views/MapView], (Map, MapView) {// 创建Map对象指定地图const map new Map({basemap: topo-vector});// 创建MapView对象const view new MapView({container: viewDiv, // viewDiv为容器div的idmap: map, // 地图所在的Map对象zoom: 4, // 初始LOD缩放等级0-23 level of detail (LOD)// scale: 50000000, // 设置初始比例尺为 1:50,000,000 zoom和scale选其一即可center: [108, 32] // 地图初始中心位置经纬度 [longitude,latitude]});});/script
/body/html结果展示