如何将CSS类添加到GraphicsLayer中的SimpleMarkerSymbol

Question

有没有办法将 CSS 类

.marker

绑定到图形图层中的 ArcGIS

SimpleMarkerSymbol

？

我有一个名为

SimpleMarkerSymbol

的

schoolMarker

，我使用 ESRI 的选项对其进行样式设置，但我需要添加更多 CSS 样式，例如

.marker

var schoolMarker = new SimpleMarkerSymbol();
    schoolMarker.setStyle(SimpleMarkerSymbol.STYLE_CIRCLE);
    schoolMarker.setSize(30);
    schoolMarker.setOutline(null);
    schoolMarker.setColor(new Color([255,116,0,0.25]));

这是 CSS 类：

.marker{
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-opacity: 1.0;
   fill-opacity: 1.0;
   background-color: rgb(0, 89, 190);
   stroke: rgb(0, 89, 190);
   fill: rgb(0, 89, 190);
   fill-opacity: 1;
   stroke-width: 70pt;
   stroke-opacity: 1;
   opacity: 0.12;
 }

Answer 1

这是一个很好的入门指南

https://developers.arcgis.com/javascript/3/jshelp/inside_styling_svg.html

值得注意的是：

1. 将要素图层的样式属性设置为 false。这意味着您对功能的样式完全负责。

2. 设置（或找出它是什么）dataAttributes。在渲染的 html 中，它们看起来像这样

    <path fill="none" fill-opacity="0" stroke="none" stroke-opacity="0" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" path="M 548,163 549,163 549,164 548,164 Z" d="M 548 163 549 163 549 164 548 164Z" transform="matrix(1.00000000,0.00000000,0.00000000,1.00000000,0.00000000,0.00000000)" data-unique-value="LIBRARY"></path>

3. 确定分解类和功能需要多详细。这是标准的 CSS 组织。您需要设置整个要素类的样式吗？使用要素类名称属性。您需要定位所有特定几何类型吗？使用数据几何类型。