ArcGIS For JavaScript 为我们提供了各种各样的样式,及其详细配置,大到整个地图页面的样式小到能控制到具体的class
。可以按照自己的需求来自定义。
默认的样式
默认的情况下,我们都使用1
<link rel="stylesheet" href="https://js.arcgis.com/4.7/esri/css/main.css">
它的特点就是大而全。
但是当我们只需要简单的基本地图的CSS时,便可以用view.css
1
<link rel="stylesheet" href="https://js.arcgis.com/4.7/esri/css/view.css">
主题样式
ArcGIS For JavaScript 为我们提供了一些开箱即用的主题:
- light (default)
- dark
- light-blue
- dark-blue
- light-green
- dark-green
- light-purple
- dark-purple
- light-red
- dark-red
使用这些主题也非常方便:1
<link rel="stylesheet" href="https://js.arcgis.com/4.7/esri/themes/<theme-name>/main.css">
使用了主题样式也就没必要在导入main.css
或者view.css
了。