营销网站设计公司招聘,wordpress页面布局插件,wordpress如何添加友链,沈阳房产网1 问题描述
近期#xff0c;将ArcGIS Api for JS v4.16更新到了ArcGIS Maps SDK for JS v4.27#xff0c;原本去除地图的css代码失效了。v4.27需要用.esri-view-surface--touch-none::after控制边框属性。
下面为没有关闭地图边框的效果图。#xff08;亮色版地图为黑色边…1 问题描述
近期将ArcGIS Api for JS v4.16更新到了ArcGIS Maps SDK for JS v4.27原本去除地图的css代码失效了。v4.27需要用.esri-view-surface--touch-none::after控制边框属性。
下面为没有关闭地图边框的效果图。亮色版地图为黑色边框暗色版地图为白色边框。下图为亮色版地图 2 解决方案
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
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结果展示
文章来源:https://blog.csdn.net/weixin_46098577/article/details/134048718 本文来自互联网用户投稿该文观点仅代表作者本人不代表本站立场。本站仅提供信息存储空间服务不拥有所有权不承担相关法律责任。如若转载请注明出处ArcGIS Maps SDK for JS关闭地图边框v4.27 如若内容造成侵权/违法违规/事实不符请联系我的编程经验分享网邮箱809451989qq.com进行投诉反馈一经查实立即删除
