Jump to content

ArcGIS Vector Tile Style Editor


rahmansunbeam

Recommended Posts

For those who were looking for a style editor like Mapbox for Esri basemaps, here is one. This is an interactive basemap style WYSIWYG editor readily usable with ArcGIS Developer account. 

How it works
Start by selecting an existing Esri vector basemap (e.g. World Street Map or Light Gray Canvas) and then just begin customizing the layer colors and labels from there. You can edit everything from fill and text symbols to fonts, halos, patterns, transparency, and zoom level visibility. When you are finished, the styles are saved as an item in ArcGIS Online with a unique ID. The Map Viewer or any custom application can then reference the item to display the basemap.

Design Tools
The editor makes styling easy by allowing you to style many layers at once or by allowing you to search for individual layers of interest. Here are some of options available:

  • Quick Edit – select all layers and style them at once
  • Edit by Color – select and replace a color for one or more layers
  • Edit Layer Styles – search for one or more layers to style
  • Layer Editor – click the map or the layer list to perform detailed editing on a layer

Quick edits

box-image-3.png

Layer editor

box-image-2.png

Try it!
To start customizing a basemap sign into the ArcGIS for Developers website and click “New Basemap Style”. There are also new ArcGIS DevLabs for styling a vector tile basemap and displaying a styled vector basemap in your application. 

For more inspiration visit this showcase of some custom styles we have created.

ArcGIS Vector Tile Style Editor

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

  • 2 weeks later...
  • 9 months later...
  • 7 months later...
On 11/12/2018 at 2:46 PM, rahmansunbeam said:

For those who were looking for a style editor like Mapbox for Esri basemaps, here is one. This is an interactive basemap style WYSIWYG editor readily usable with ArcGIS Developer account. 

How it works
Start by selecting an existing Esri vector basemap (e.g. World Street Map or Light Gray Canvas) and then just begin customizing the layer colors and labels from there. You can edit everything from fill and text symbols to fonts, halos, patterns, transparency, and zoom level visibility. When you are finished, the styles are saved as an item in ArcGIS Online with a unique ID. The Map Viewer or any custom application can then reference the item to display the basemap.

Design Tools
The editor makes styling easy by allowing you to style many layers at once or by allowing you to search for individual layers of interest. Here are some of options available:

  • Quick Edit – select all layers and style them at once
  • Edit by Color – select and replace a color for one or more layers
  • Edit Layer Styles – search for one or more layers to style
  • Layer Editor – click the map or the layer list to perform detailed editing on a layer

Quick edits

box-image-3.png

Layer editor

box-image-2.png

Try it!
To start customizing a basemap sign into the ArcGIS for Developers website and click “New Basemap Style”. There are also new ArcGIS DevLabs for styling a vector tile basemap and displaying a styled vector basemap in your application. 

For more inspiration visit this showcase of some custom styles we have created.

ArcGIS Vector Tile Style Editor

These are Great tools , could consume this new map on other app , are we able to get the wms or wmts also, please confrim 

I would be thankful to u

Link to comment
Share on other sites

9 hours ago, adnan0001 said:

These are Great tools , could consume this new map on other app , are we able to get the wms or wmts also, please confrim 

I would be thankful to u

The nature of the service depends on various other thing, what type of feature you used, how did you published, what is the license and user level. Check this link.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.

Disable-Adblock.png

 

If you enjoy our contents, support us by Disable ads Blocker or add GIS-area to your ads blocker whitelist