CIM 符号生成器


探索

使用 CIM 符号生成器浏览符号图层的不同组合及其属性,以创建所需的点、线或面符号。

工作原理

首先选择您的符号类型:pointlinepolygon (您以后可以随时更改)。单击 Add Symbol Layer 按钮将符号图层添加至 CIMSymbol。然后,您可从预定义的图标、形状、线、填充和自定义符号中进行选择,或导入您自己的符号图层 JSON。选择第一个符号图层后,可以通过单击右侧面板中的符号图层类型来更改其属性(大小、锚点、旋转等)。使用符号图层左侧的展开箭头可发现更多自定义的属性。

您可按需添加任意数量的符号图层,也可通过单击符号图层并将其拖动到列表中所需的位置来重新排序。

当您准备好在地图中查看图层上的符号外观时,请单击 Apply to feature layer。符号将应用于相应的点、线或面图层。如果您对符号的外观满意,请单击 Get SymbolJSON 以将符号转换为 JSON。可以使用此 JSON 将创建的符号通过 CIMSymbol.data.symbol 属性应用于应用程序,如下所示:

代码块使用深色复制
         
1
2
3
4
5
6
7
8
9
// Modules required:
// geoscene/symbols/CIMSymbol

const symbol = new CIMSymbol({
    data: {
        type: "CIMSymbolReference",
        symbol: {} // ENTER SYMBOL JSON HERE
    }
}); 

可以测试在此 Codepen 中创建的符号 JSON。只需使用符号 JSON 替换 pointSymbolJSON (行 37)、lineSymbolJSON (行 38) 或 polygonSymbolJSON (行 39) 的值。有关此应用程序的更详细介绍,请查看 CIM 符号生成器博客文章

CIMSymbol 参考手册页面提供了一些示例符号以及有关符号属性的详细信息。CIM 规范提供了有关每种符号图层类型的特定属性的更多详细信息。

CIMSymbol 线和面的相关示例的图像预览

CIMSymbol 线和面

了解如何创建 CIM 线和多边形符号。

CIMSymbol 相关示例的图像预览

CIMSymbol

了解有关 CIMSymbol 的基础知识以及如何在文本上使用 primitiveOverride

Wurman 点相关示例的图像预览

Wurman 点

使用基元覆盖根据属性值调整 CIMSymbol 属性

沿线的箭头的相关示例的图像预览

沿线的箭头

使用 CIMSymbol 以固定距离绘制带有箭头标记的线

CIMSymbol

有关更多信息,请阅读参考手册。

https://github.com/Esri/cim-spec

您的浏览器不再受支持。请升级您的浏览器以获得最佳体验。