nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Custom web style in Map Viewer

KevinMayall_COH

I've published a simple style from Pro to ArcGIS Online for testing. It has just one point symbol created from a standard shape marker in Pro symbology. I added the style to a Group and made that group the default 2D web style group in my organization's settings.

I added a point layer to a new map in Map Viewer (new, not Classic) and went to the Style settings, and the uploaded style was listed. However, when I try to load its symbols, the interface just spins and spins. Screenshot attached.

Not sure what I am doing wrong.

I am following the guidance in this blog post.

https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/use-published-2d-symbols-in-arcgis-online/

@RussRoberts

Style selector.png

Find more posts tagged with

Accepted answers

russell_roberts

The issue was with the style file having some unsupported characters and Pro was not flagging or removing them on publishing time which caused broken resources in the web style. If you can update the the key field in Pro on the symbol to remove the illegal characters and republishing will fix the issue.

russell_roberts

thanks! we have an issue in to look at supporting additional sharing configurations for your styles.

All comments

russell_roberts

These symbols are not supported in Map Viewer Classic and Web AppBuilder. Dashboards, Experience Builder and Instant Apps will support web maps authored with these symbols.

AbdulabnanMohammed

Hi
I was able to publish and could see the custom symbol in map viewer
Any chances get it work in map viewer classic so that i can use in different apps in dashboard and experience builder

Thanks

russell_roberts

Commented on your blog question but just incase you didnt catch the notification

These style categories wont work with Map Viewer Classic or Web AppBuilder. These symbols will work with Map Viewer which depending on the enterprise version may have been a beta version. When the symbols are used in maps older applications like Map Viewer Classic, Web AppBuilder which rely on simple picture mark while the new symbols are based off a CIM spec which exposes the vector symbol styling to the Map Viewer.

https://www.esri.com/arcgis-blog/products/arcgis-enterprise/announcements/map-viewer-beta-in-arcgis-enterprise-10-8-1/

DaynedeGroot

@RussRoberts I followed your guide to sharing web styles, I can see the web style in my group on portal, the group is set to shared with everyone, and the group is listed as web style group under organization settings. but when i go into web viewer beta i dont see my symbols. I'm trying to share a style for APP6D military symbols to be used in portal. im using enterprise 10.8 and pro 2.8

BrettRosso

Hi Russell,

Thank you so much! I got it working after removing those illegal characters. Much appreciated.

Brett

russell_roberts

BrettRosso

@KyleOberg @RussRoberts Was this ever resolved? Also trying to get the transportation style for use to build a traffic control web application which they need MUTCD signs for. Still getting the spinning circle. Have an open case with tech support but haven't resolved it yet. Thanks in advance!

Brett Rosso

City of Longmont

KyleOberg

Not sure how to open developer console in chrome to verify access to resource but I'll clean up the style item keys and republish. Lots of special characters found in item keys of Transportation style. I originally removed only those listed in documentation.

Hopefully that's all it takes. Thanks again.

russell_roberts

I think it might be due to some other characters not being caught in the analyzer which makes a bad URL to query the resource. If you know how to open the developer console in chrome and look at the console you will see an error about a resource not being accessible.

So for one I see the "." in the key is creating a bad url and cannot find the resource. removeing the "." will fix it.

. "https://****.maps.arcgis.com/sharing/rest/content/items/***/resources/styles/cim/U.S. Route Shield.json"

KyleOberg

Experiencing same symptoms as Kevin with gallery not loading in symbol selector. Custom web style available as option but gallery is blank and spinning endlessly. Shared web style item and web style group with everyone, but no change in behavior.

Using esri Transportation style shared as web style from Pro. Corrected 5 errors due to noncompliant characters in key name. Also, 71 items removed due to unsupported 2D web styles but hoping the remaining 276 symbols meet my current needs. Any help greatly appreciated.

KyleOberg

Got it. I assumed that was the case but didn't want to be left without default symbol galleries after changing web styles group to my own.

russell_roberts

We auto share the esri default styles to the group so they will be around but if you really want them removed you can take them out of the group.

KyleOberg

Will changing the default web style group under org settings add to available symbology options or will doing so remove existing default esri symbol sets available in map viewer?

russell_roberts

thanks! we have an issue in to look at supporting additional sharing configurations for your styles.

KevinMayall_COH

Confirmed. When I share the style to Everyone and the group, the symbols appear.

russell_roberts

actually scratch my above statement. Can you share the style with everyone along with the group and see if that solves the issue.

KevinMayall_COH

Thanks! So, would that mean that custom vector symbols are not available?

russell_roberts

Looks like I can repro the issue. It looks to be localized to the symbol styler failing to load a gallery with a shape marker symbol in it but if you use a picture marker symbol the gallery loads without issue.

russell_roberts

russell_jsapi is the one 🙂

KevinMayall_COH

Not seeing RussellRoberts1 in AGOL. Another username?

russell_roberts

Hey Kevin,

Can you share your web style and style file you published with me? Thanks!

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.