ArcGIS for JavaScript 样式篇

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了。

×

纯属好玩

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

文章目录
  1. 1. 默认的样式
  2. 2. 主题样式
,