Skip to content

Use the CIM Symbol Builder to explore different combinations of symbol layers and their properties to create your desired CIMSymbol in the ArcGIS API for JavaScript.

License

Notifications You must be signed in to change notification settings

WSDOT-GIS/cim-symbol-builder-js

 
 

Repository files navigation

cim-symbol-builder-js

Use the CIM Symbol Builder to explore different combinations of symbol layers and their properties to create your desired CIMSymbol in the ArcGIS Maps SDK for JavaScript.

View it live

App

Features

  • Learn how to create CIM symbols in the ArcGIS Maps SDK for JavaScript
  • Modify the properties of symbol layers
  • Modify your own custom symbols by importing the symbol JSON
  • When you are done creating your symbol, copy the JSON and use it in your own ArcGIS Maps SDK for JavaScript application!

Instructions

Get started by clicking the Add symbol layer button to add a symbol layer to your CIMSymbol. You can then choose from a predefined list of icons and shapes, or import your own symbol layer JSON. After selecting your first symbol layer, you can change its properties (size, anchor point, rotation, etc.) by clicking on the symbol layer type in the right panel. Use the expand arrow to the right of the symbol layer to discover more properties to customize.

You can add as many symbol layers as you like, and can reorder them by clicking on the symbol layer and dragging it to the desired location in the list.

When you are ready to see what the symbol looks like on the layer in the map, click Apply to feature layer. If you are satisfied with how your symbol looks, click Get SymbolJSON to convert your symbol to JSON. You can use this JSON to bring the symbol you created into your application on the CIMSymbol.data.symbol property.

Requirements

  • Web browser with access to the Internet

Resources

The CIMSymbol API reference page provides some example symbols and more information about the properties of a symbol. The CIM specification provides more detailed information on specific properties for each symbol layer type.

To see the CIM symbols in action, check out the following sample applications:

The following ArcGIS Blog posts also contain useful information about CIM symbols and some great sample applications:

Issues

Find a bug or want to request a new feature? Please let us know by submitting an issue.

Contributing

Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.

Licensing

Copyright 2020 Esri

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

A copy of the license is available in the repository's license.txt file.

About

Use the CIM Symbol Builder to explore different combinations of symbol layers and their properties to create your desired CIMSymbol in the ArcGIS API for JavaScript.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • SCSS 96.3%
  • CSS 3.5%
  • HTML 0.2%