Display a custom basemap style (1 of 3)

Use the ArcGIS Vector Tile Style Editor to style colors, icons, and layers to emphasize railway stations and routes.

Prerequisites

Steps

Select a base style

Select the ArcGIS Navigation style from the ArcGIS Basemap Styles service as the starting point of your custom basemap style.

1. Go to the ArcGIS Vector Tile Style Editor.

2. Sign in with your ArcGIS account.

3. Click + New style.

4. In the Select a style to continue panel, click Popular > World Navigation Map.

5. In the search tool of the map, enter Miami, FL, USA.

6. In the map, zoom in to level 14, which will center the map on one of the busiest areas of Miami, Florida.

Style icon

Customize the train station icons and adjust their sizes at different zoom levels.

1. In the map, click one of the station icons, which will open up the Point of interest/Rail station (Symbol) layer window.

2. In Icon appearance > Image, browse the list of icons and select the Transportation place/Train station icon. Then, click Done.

   

3. In Icon appearance > Size, set the following zoom and value properties:

   • Zoom 14: value 2
   • Zoom 16: value 1.5

Style place labels

Modify the train station label appearance to improve readability and ensure it does not overlap with the icon.

1. In the Layer Editor > Text appearance panel, set the following style properties:

   • Size:
     • Zoom 14: value 12
     • Zoom 16: value 11
   • Font: Montserrat Bold
   • Color: #4799ba

2. Scroll down to the Text layout panel and set the following style properties:

   • Text anchor: Center
   • Offset X: 0
   • Offset Y: 3

Style railroads

Style the railroad lines with a striped color pattern and align their visibility with the station icons.

1. In the toolbar, click Edit Layer Styles > Transportation > Rail > Railroad/1.

2. In the Layer Editor > Visibility panel, set the first number of the Visible Zoom Range to 14.

3. In the Layer Editor > Appearance panel, set the Color to #636363.

4. In the toolbar, click Edit Layer Styles > Transportation > Rail > Railroad/0.

5. In the Layer Editor > Visibility panel, set the first number of the Visible Zoom Range to 14.

6. In the map, zoom out to level 14 and level 13 to see the new zoom range.

Reorder layers

To make sure the train routes and icons are clearly visible on the map, move their layers to the front.

1. In the Edit layer styles > Search layers field, type Railroad/1 and select the layer that comes up.

2. In the Layer editor panel, click Actions on the top right > Move to front.

3. In the Edit layer styles > Search layers field, type Railroad/0 and select the layer that comes up.

4. In the Layer editor panel, click Actions > Move to front.

5. In the Edit layer styles > Search layers field, type Point of interest/rail station and select the layer that comes up.

6. In the Layer editor panel, click Actions > Move to front.

Save the item

Save the custom basemap style and copy its item ID to use in your application.

1. In the toolbar, click Save as to save your custom basemap style with the following properties:

   • Title: Major Transportation Routes
   • Tags: vector, basemap, train, railway
   • Share with: Me (Private)

2. Click Save style.

3. Extract the item ID of your custom style from the URL and store it for later use. For example:

   • URL: https://www.arcgis.com/apps/vtseditor/en/#/<YOUR_STYLE_ID>/layers
   • Item ID: <YOUR_STYLE_ID>