With the release of ArcGIS Pro 2.6 and Map Viewer Beta you can now publish your own 2D symbols to ArcGIS Online with web styles. These symbol galleries are published as web styles and can be a collection of picture and shape marker symbols for styling point features. The symbols can be used to author web maps in Map Viewer Beta and other 4.x JSAPI applications like Experience Builder, Dashboard Beta and more. The web style is shared to a selected group in the organization and can be used across multiple maps by organization members.
The new styles can be used to display multi-layer vector symbols for features. They give you more control when customizing symbols by allowing you to use one or more symbol layers to create the desired effect. The current symbol styler today has limited control on these layers but we are working towards full support in a future update.
The Esri symbols provide a glimpse into the power of leveraging multiple layers in a symbol. Follow the steps below to learn how to create a web style and use in Map Viewer Beta.
Create your own Style in ArcGIS Pro
In Pro 2.6, have a project open to the Catalog view and double-click on the styles folder within the Pro project. In the Styles folder, right click and click on New > New Style, and enter the name for the style.
Double click on the new style and right click in the new style and click on New to create a new symbol within the style. You can also click New Item in the ribbon to add the point symbol. By default, this will create a point marker symbol and is what will be used to generate this vector symbol from an SVG file. On the Description tab for the symbol give it a descriptive name, category and tags.
Clicking on the Properties tab for the Sample Symbol and then the Layers section for the symbol we can begin authoring the symbol.
This sample symbol will be using a Shape marker symbol because the sample symbol is an SVG file and will be published as a vector symbol that supports color changes and will not show any symbol distortion when the size is changed from the default published size. After all adjustments are made to the symbol click on the apply button to finalize the symbol. Click on the File button in the on the symbols Properties tab. Once all edits are made click Apply.
Repeating the steps above will add multiple symbols to the style and create the symbol gallery from the web style when it is published to ArcGIS Online and can then be used within the Map Viewer Beta. To share the final style as a web style go to the Style and right click on it and click on Share as Web Style.
On the Share pane add your title, description and tags for the web style about to be published. Next pick the sharing for the style to go to the group that will make the web style available for Map Viewer Beta and other apps to use the style. This group will also need to be configured on the Organization Settings page on the map tab where you select the group that will contain your 2D web styles. It is highly recommended you do not share both 2D and 3D styles into the same group and best to keep them separate.
If the group you are sharing to has not been configured yet, you can configure it on the Map tab under Organization settings. Select the group to be used and then update the sharing for the item from the item link Pro provides or through My Content.
Once the web styles have been published and shared to the group you configured to store the 2D web styles, Map Viewer Beta will show them when point layers are being styled.
How to use web styles in Map Viewer Beta
With the web styles published and shared to the organizations group set to hold 2D web styles the Map Viewer Beta will show them when point layers are being styled. The sample map below is showing store locations for farmer markets in New York City. The map is showing the default point symbol used when published and needs to be updated with the new symbols I published. Clicking on the Style button will open the Styles pane and because this is a vector symbol it can be used with different smart mapping styles to change the look of the same symbol. Using a field to uniquely style these points I am going to configure the symbol with the Types renderer. The gif below shows the walkthrough where you can quickly style these vector symbols in the Map Viewer Beta.
The symbols style can customize these colors and save these colors for use another time.
Here are some other web styles I have published. I look forward to seeing the examples you create!