arcgis pro: creating vector tiles - esri · workshop. location • demo theater 2 ... separate...

24
ArcGIS Pro: Creating Vector Tiles Tommy Fauvell @CartoRedux

Upload: others

Post on 06-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

ArcGIS Pro: Creating Vector TilesTommy Fauvell

@CartoRedux

Page 2: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Creating, Using, and Maintaining Tile Services

Tuesday, 29 January

• ArcGIS Pro: Creating Vector Tiles

WORKSHOP LOCATION

• Demo Theater 2

TIME FRAME

• 3:00 pm – 4:00 pm

Wednesday, 30 January

• Caching Maps and Vector Tile Layers: Best Practices

• ArcGIS Enterprise: Best Practices for Layers and Service Types

• ArcGIS Pro: Creating Vector Tiles

• 102 B

• 102 A

• 207 A

• 11:00 am – 12:00 pm

• 1:30 pm – 2:30 pm

• 4:00 pm – 5:00 pm

Page 3: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Overview

• Introduction to Vector Tiles

• Design and Authoring

• Sharing and Publishing

• Re-Styling Workflows

• Questions

Page 4: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Introduction to Vector Tiles

Page 5: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Introduction | Vector Tiles

• What are Vector Tiles?

- Tiled containers of your data

- Separate style provides rendering instructions for how to draw your map

• Client device / browser is responsible for drawing the map

• Tileset components:

- Tiles

- Styles

- Sprites

- Fonts

- Index

Page 6: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Introduction | Vector Tiles in ArcGIS

• Leverages several Open Source projects

- Tiles use the Mapbox vector tile spec

- Based on Google protocol buffers

- Styling conforms to the Mapbox GL style spec

• More aggressive overzoom

- Indexed tiling scheme

- Support for traditional tiling also exists

• Any supported Coordinate System

Page 7: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Introduction | Advantages of Vector Tiles

• Display quality

- Best possible resolution for HD displays

• Dynamic labeling

- Clearer, more readable text

- On the fly labeling for heads up display

• Map Styling

- Many styles from one tileset

- Restyling

Page 8: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Introduction | Advantages of Vector Tiles

• Vector Tile Style Editor

- Supports ArcGIS Online basemaps and custom basemaps created with ArcGIS Pro.

- Quick Edit feature for AGOL basemaps

- Edit by color

- Click / select by layer

Page 9: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Design and AuthoringKnow Before You Pro

Page 10: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Raster Tiles:

- Imagery Basemap

- CADRG / ECRG (Scanned Maps)

- Hillshade / Shaded Relief

- 3D Terrain

- StreetMap

- Canvas Maps

- Boundaries and Places

- Transportation

Vector Tiles:

- StreetMap

- Canvas Maps

- Boundaries and Places

- Transportation

Design | Use Cases

Page 11: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Authoring | What’s New?

• New at Pro 2.3- Pro can display styles with multiple sources

- Style Example- Improved labeling support

- multiple label classes- translation style abbreviations- forced stacking- label repetition- never-remove labels

Page 12: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Authoring | Make a Valid Map

• No reference scales

• Set scales based on tiling scheme

• Only layers symbolized with single symbol, unique value, graduated colors, graduated symbols, or unclassed colors are supported

• Avoid complex symbols

• No hatched or gradient fills, markers along lines or polygon outlines, or most symbol effects (except ‘Move’)

• Simple dash effects

Page 13: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Authoring | Make an Efficient Map

• Clean data

• Reduce density by limiting visible scale ranges

• Generalize

• Limit number of layers

• Limit duplication of content

• Be mindful of users that want to re-style your maps

Page 14: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

• ArcMap and ArcGIS Pro 1.1- Layers will draw AT and BETWEEN

minimum and maximum scales

• ArcGIS Pro 1.2, layers don’t draw at max scale by default

- -Check “Draw up to and including the maximum scale in scale ranges” to revert to old behavior

- This is checked for old Pro projects or imported ArcMap maps

1: 1 million

1: 500,000

1: 10,000

Option checked:Both draw

Option unchecked:Layer 2 draws

Layer 1

Layer 2

Authoring | Scale Logic Changes

Page 15: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

ArcGIS Pro 2.3

Authoring Vector Tiles

Page 16: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Sharing And Publishing

Page 17: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

ArcGIS Pro 2.3

Sharing

Page 18: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

ArcGIS Online / Enterprise

Sharing

Page 19: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Restyling Workflows

Page 20: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

https://developers.arcgis.com/vector-tile-style-editor

Vector Tile Style Editor (Beta)

Page 21: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

http://esri.github.io/arcgis-vectortile-style-editor

Simple Style Editor

Page 22: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Print Your Certificate of AttendancePrint Stations Located at L Street Bridge

Tuesday Wednesday12:30 pm – 6:30 pm GIS Solutions Expo Hall D

5:15 pm – 6:30 pm GIS Solutions Expo SocialHall D

10:45 am – 5:15 pm GIS Solutions Expo Hall D

6:30 pm – 9:00 pm Networking ReceptionNational Museum ofNatural History

Page 23: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient

Please Take Our Survey on the App

Download the Esri Events app and find your event

Select the session you attended

Scroll down to find the feedback section

Complete answersand select “Submit”

Page 24: ArcGIS Pro: Creating Vector Tiles - Esri · WORKSHOP. LOCATION • Demo Theater 2 ... Separate style provides rendering instructions for how to draw your map ... No hatched or gradient