authoring and styling vector tiles - esriauthoring and styling vector tiles tommy fauvell craig...
TRANSCRIPT
![Page 1: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/1.jpg)
Authoring and Styling Vector TilesTommy Fauvell
Craig Cleveland
![Page 2: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/2.jpg)
Tommy Fauvell
Craig
Cleveland
![Page 3: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/3.jpg)
Topics
• Introduction to Vector Tiles
• Design and Authoring
• Sharing and Publishing
• Re-Styling Workflows
• Questions
![Page 4: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/4.jpg)
Introduction to vector tiles
![Page 5: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/5.jpg)
Web GIS and Mobile MappingThe times they are a changin’
• Technology is forcing us to evolve how we deliver content
• The landscape has changed
- GPU and CPU
- High resolution displays
• Devices and browsers are more capable of handling advanced graphics processing
![Page 6: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/6.jpg)
Raster Tiles
Example from Google Maps
• Vector basemaps traditionally delivered as
raster tiles render poorly on HD displays
- Higher DPI raster tiles?
256
25
6
512
51
2
![Page 7: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/7.jpg)
Do we have to rasterize them?
• What if we could leverage the processing power of our mobile devices and
advances in web browser technology?
- Keep vector data as vector
- Ask the device to take on the rendering load
• Vector tiles tilesets deliver layers of geometry and rendering instructions
- Tiles
- Styles
- Sprites
- Fonts
- Index
![Page 8: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/8.jpg)
Advantages of vector tiles
• Display quality
- Best possible resolution for HD displays
- Small efficient format
• Dynamic labeling
- Clearer, more readable text
- On the fly labeling for heads up display
• Map Styling
- Streets, Topo, Canvas from one tileset
- Day and Night mode
- Restyling
![Page 9: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/9.jpg)
Vector tiles in ArcGIS
• Leverage several Open Source
projects
- Use the Mapbox vector tile spec
- Which uses Google protocol buffers
- Styling converted to Mapbox GL style spec
• More aggressive overzoom
- Indexed tiling scheme
- Support for traditional tiling also exists
![Page 10: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/10.jpg)
Esri vector tile tileset contents
• Tiles
- Geometry and metadata are tiled and stored using protocol buffers
- Compact binary format for transferring data
- Data is organized into layers of geometry with key/value pairs of
attributes
• Style file
- The layer order
- Definition query for each symbol layer
- Symbol information for each symbol layer
• Fonts, symbols, tile index
![Page 11: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/11.jpg)
Use cases
• 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
![Page 12: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/12.jpg)
Creating vector tiles
• Tile creation in ArcGIS Pro 1.2+
• Publish tile layers in ArcGIS Online and ArcGIS Server/Portal 10.4+
• Created with GeoProcessing tools
- Create Vector Tile Index
- Create Vector Tile Package
• New at Pro 1.4
- Integrated sharing
- Any CRS supported by ArcGIS
![Page 13: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/13.jpg)
Sharing and publishing vector tiles
• Integrated sharing
• Accessory tools:
- Share Package updated to support
vector tiles
- Extract Package updated to support
vector tiles
![Page 14: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/14.jpg)
Tile creation process: Esri tileset
• Entire world
- ~ 8hrs on a desktop machine
- Tiles ~ 13 GB
- Multiple styles can use the same tiles
• Compared to raster for the entire
world
- ~ many weeks on a server cluster per map style
- Tiles ~ 20 TB
![Page 15: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/15.jpg)
ArcGIS vector tile consumption
• Supported clients
- Pro 1.3+
- Pro 1.4 shares runtime implementation
- Printing and exporting maps in Pro 1.4 now supported
- WebGL capable browser
- Edge supported with recent Web API’s
- Developer API’s
- ArcGIS JavaScript 3.15 and 4.0 API’s
- Uses the mapbox-gl-js library
- ArcGIS JavaScript 3.18+, 4.1+, and Runtime v100.0 API’s
- Ground up implementation
![Page 16: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/16.jpg)
Design and Authoring
![Page 17: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/17.jpg)
Design considerations
• Only feature layers with simple, unique value, graduated, or class
breaks symbology supported
• New at Pro 1.4
- Support for Arcade label expressions
- Support for Display filters
• Maps should be re-authored for vector tiles
- Limit number of layers
- Limit duplication of content
- Be mindful of users that want to re-style your maps
![Page 18: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/18.jpg)
Authoring maps
• Several improvements have been made in ArcGIS Pro to create
efficient and cartographically rich tilesets
- Scale dependent capabilities added to symbology
- Alternate symbols added to symbology
- Scale based sizing added to symbology
- Improvement to scale logic
![Page 19: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/19.jpg)
Scale logic changes
• 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
![Page 20: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/20.jpg)
Authoring in Pro 1.4
Demo
![Page 21: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/21.jpg)
Scale dependent symbology
• Each symbol class can be assigned
a scale range
- Unique value
- Class breaks
• Allows a multiscale map to be
authored without duplicating
content
![Page 22: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/22.jpg)
Alternate symbols for symbology
• Symbol classes can switch
symbols at scales
- Unique value
• Allows you to change the
appearance of a symbol without
duplicating layer
![Page 23: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/23.jpg)
Scale based symbol sizing
• Each symbol can have scale based
sizing configured
- Single symbol
- Unique value
- Class breaks
• Allows for small changes to symbol
size across scales
1pt
2pt
0.5pt
LOD147M 1K
![Page 24: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/24.jpg)
Sharing vector tiles
![Page 25: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/25.jpg)
Sharing workflows
Demo
![Page 26: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/26.jpg)
Create Vector Tile Package
• Demo
![Page 27: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/27.jpg)
Share Package
• Demo
![Page 28: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/28.jpg)
Add new item
• Demo
![Page 29: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/29.jpg)
Integrated Sharing
• Demo
![Page 30: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/30.jpg)
Using and re-styling vector tiles
![Page 31: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/31.jpg)
ArcGIS vector tiles service
http://<catalog-url>/<folder>/<serviceName>/VectorTileServer
|--root.json
|--tilemap/
|--tile
|--resources
|--fonts/
|--styles/
|--sprites/
|--info/
Service example
![Page 32: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/32.jpg)
Using vector tiles in your applications
• Multiple ways to use vector tiles:
- Use Esri provided vector tiles / styles
- Style Esri vector tile tilesets for your own use
- Change colors
- Drop layers
- Match the needs of your application
- Create your own vector tiles from your own data
![Page 33: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/33.jpg)
Re-styling vector tiles
• Simple style copy
- Save tile layer to your Portal or Online account
- Hand editing JSON
- Update map item
• Two additional sample vector styling apps simplify this:
- Vector Style JSON Editor - GitHub
- Vector Basemap Style Editor - GitHub
![Page 34: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/34.jpg)
Simple Style Copy
• Add vector tile basemap to map viewer
![Page 35: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/35.jpg)
Simple Style Copy
• Add vector tile basemap to map viewer
• Copy the layer in the table of contents
![Page 36: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/36.jpg)
Simple Style Copy
• Add vector tile basemap to map viewer
• Copy the layer in the table of contents
• Save the layer
![Page 37: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/37.jpg)
Simple Style Copy
• Add vector tile basemap to map viewer
• Copy the layer in the table of contents
• Save the layer
• From item details page download the style
![Page 38: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/38.jpg)
Simple Style Copy
• Add vector tile basemap to map viewer
• Copy the layer in the table of contents
• Save the layer
• From item details page download the style
• Modify root.json file
![Page 39: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/39.jpg)
Simple Style Copy
• Edit root.json by hand, save and update item
• Update colors
• Add opacity - "fill-opacity": 0.5,
• Turn off visibility - "visibility": "none“
• Remove layers
• Use an editor like Brackets
• Use caution…low threshold for JSON
formatting errors
![Page 40: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/40.jpg)
Simple Style Copy
• Add vector tile basemap to map viewer
• Copy the layer in the table of contents
• Save the layer
• From item details page download the style
• Modify root.json file
• Update item at item details page with updated root.json file
![Page 41: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/41.jpg)
Demonstration
Simple Style Copy
![Page 42: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/42.jpg)
ArcGIS VectorTile Style Editor
• Open Source app for JSON editing
• Available for download on GitHub or as a live
app
• Allows editing styles of Vector Tiles saved
via ArcGIS Online/Portal items
• Can be deployed and configured to run
against your Portal
![Page 43: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/43.jpg)
ArcGIS VectorTile Style Editor
• Search for layers or colors
• Changes made to JSON can be applied
immediately and visible on screen
• Reset, Undo or Save back to ArcGIS
Online/Portal item
![Page 44: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/44.jpg)
Demonstration
ArcGIS Vector Tile
Style Editor
![Page 45: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/45.jpg)
Vector Basemap Style Editor
• Open Source app created by APL
• Available on GitHub and on ArcGIS Online
• Allows editing styles of Esri Vector Basemaps
saved via ArcGIS Online items
• Focus is on color changes and layer visibility
![Page 46: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/46.jpg)
Vector Basemap Style Editor
• Change color of layers by Color
• Narrow by Style Type
• Batch update colors, many ways to specify
desired color
![Page 47: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/47.jpg)
Vector Basemap Style Editor
• Change color of layers by Style
• Update color of style, and/or toggle
visibility
![Page 48: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/48.jpg)
Vector Basemap Style Editor
• Selecting layer ID also exposes editable
JSON
• Use caution…
![Page 49: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/49.jpg)
Vector Basemap Style Editor
• Use Update Basemap Item when
finished with updates
• Use Copy Esri Basemap to quickly
create new items (i.e. mimic the Simple
Style Copy process)
![Page 50: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/50.jpg)
Demonstration
Vector Basemap
Style Editor
![Page 51: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/51.jpg)
Questions?
![Page 52: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/52.jpg)
Please Take Our Survey on the Esri Events App!
Select the session
you attended
Scroll down to find
the survey
Complete Answers
and Select “Submit”
Download the Esri Events
app and find your event
![Page 53: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/53.jpg)
Print Your Certificate of Attendance
Print stations located in the 140 Concourse
Monday
12:30 PM – 6:30 PM
GIS Solutions Expo,
Hall B
5:15 PM– 6:30 PM
Expo Social,
Hall B
Tuesday
10:45 AM– 5:15 PM
GIS Solutions Expo,
Hall B
6:30 PM– 9:30 PM
Networking Reception,
Smithsonian National Air
and Space Museum
![Page 54: Authoring and Styling Vector Tiles - EsriAuthoring and Styling Vector Tiles Tommy Fauvell Craig Cleveland. ... -On the fly labeling for heads up display ... 2017 Esri Federal GIS Conference--Presentation,](https://reader030.vdocuments.net/reader030/viewer/2022011901/5f0900167e708231d424c028/html5/thumbnails/54.jpg)