Top Banner
Designing Esri’s Vector Tile Basemaps WESLEY JONES, ANDY SKINNER
26

Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

Jun 02, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

Designing Esri’s Vector Tile BasemapsWESLEY JONES, ANDY SKINNER

Page 2: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

• Session will look at the provided esri vector basemaps

• Explain the design decisions

• View the result

Overview

Page 3: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

Advantages of Vector

• Size

• Processing time

• Versatility

• Simplicity

• Standardization

• Still combine with Raster

• Customization

Page 4: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

ANDY SKINNER

The Basemap Set

Page 5: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Reference Document

… is available as a pdf via the ‘Details’ page for your source basemap.

Any of the content listed here can be added to your map.

Page 6: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

ArcGIS Online Vector Tile Basemap Matrix

Page 7: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

Basemaps and Reference Maps

High Content / High Saturation

Page 8: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

High Content / High SaturationBasemaps and Reference Maps

• These maps are designed to have impact, and to work as reference maps as well as base maps.

They include:

• Street Map (with and without hillshade)

• Street Map (Night)

• Imagery Hybrid*

Page 9: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Street Map

Works well for transportation subjects

Works well with Qualitative Points

Not so good for Quantitative data.

Page 10: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Street Map

With and without relief

Page 11: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Street Map (Night)

Designed to be used in low light conditions

Page 12: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

Basemaps

Low Content / Low Saturation

Page 13: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

Low Content / Low SaturationBasemaps

These maps are designed to be as neutral as possible, with a minimum of content.

They include:

• Light Gray Canvas Map

• Dark Gray Canvas Map

• Terrain with Labels

They work with all types of data…

… as long as there is enough content.

Page 14: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The ‘Map Sandwich’ concept: UpdateUsing the Light Gray Canvas Map as an example

Page 15: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Light Gray Canvas Map

Most of the content is concentrated in the bottom 30% of the tonal range

Page 16: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Dark Gray Canvas Map

Most of the content is concentrated in the bottom 30% of the tonal range

Page 17: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Dark Gray Canvas Map

Job Accessibility Story Map

Jennifer Bell, Esri

Page 18: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Terrain with Labels Map

• A little more detailed, but still neutral.

• Specifically for use on top of World Hillshade, but can be used without.

Page 19: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

Basemaps

High Content / Medium Saturation

Page 20: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

High Content / Medium SaturationBasemaps

These maps are designed to add text

They include:

The Topographic Map

The Navigation Map

The Street Map Hybrid*

.

Page 21: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Topographic Map

• Multi-Directional Hillshade

• Updated Design

• More content coming

Page 22: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Hybrid Map

• New*

• Imagery

Page 23: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

The Navigation Map

• Retina Display

• New

Page 24: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

Customization

• One data source

• Change colours

• Turn features on and off

• Change boundaries

• Change language

Page 25: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not

LinksAdding Content

Vector Basemaps: esriurl.com/VectorMapsGroup

Sample Vector Tile Layers: esriurl.com/StylizedVectorMapsGroup

Page 26: Designing Esri’s Vector Tile Basemaps€¦ · •Street Map (Night) •Imagery Hybrid* The Street Map Works well for transportation subjects Works well with Qualitative Points Not