{"id":82711,"date":"2018-02-14T08:45:06","date_gmt":"2018-02-14T08:45:06","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/back-2-school-vector-tiles-in-azimuthal-check-it\/"},"modified":"2018-04-16T13:35:32","modified_gmt":"2018-04-16T13:35:32","slug":"back-2-school-vector-tiles-in-azimuthal-check-it","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/data-management\/mapping\/back-2-school-vector-tiles-in-azimuthal-check-it","title":{"rendered":"Back 2 School: Vector Tiles in Azimuthal? Check it…"},"author":6971,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[23851,22941],"tags":[23171,23201,26451,31691,27361,32331,36191,36201,27911,29051,32141],"industry":[],"product":[36551,36561],"class_list":["post-82711","blog","type-blog","status-publish","format-standard","hentry","category-data-management","category-mapping","tag-basemaps","tag-cartographic-design","tag-cartography","tag-custom","tag-design","tag-how-to","tag-jonah-adkins","tag-projection","tag-tutorial","tag-vector","tag-vector-tiles","product-arcgis-online","product-arcgis-pro"],"acf":{"short_description":"This post comes courtesy of cartographer Jonah Adkins, from Newport News, Virginia. Jonah is a GIS alchemist, routinely crafting beautifu...","flexible_content":[{"acf_fc_layout":"content","content":"

This post comes courtesy of cartographer Jonah Adkins<\/a>, from Newport News, Virginia. Jonah is a GIS alchemist, routinely crafting beautiful and insightful work, and sharing his process.<\/p>\n

…<\/p>\n

Vector tiles in Azimuthal Equal Area?? NO WAY!<\/p>\n

Way<\/h2>\n

I\u2019ve been learning all the new patterns in ArcGIS Pro since it\u2019s early beta days. Like many of you, I\u2019ve been using ArcMap for years (since 8.0!) and was skeptical about making the switch to ArcGIS Pro. I can tell you now after about 2 years of use, it\u2019s my go-to for cartographic creations. I\u2019ve used Pro for several projects, putting it through the carto-wringer doing forced 3d perspective<\/a> on a 2d page with the Rainfall Cubes<\/a> map, and creating a Legend of Zelda inspired basemap called Breath of the World<\/a>. For my latest project, I was going Back to School.<\/p>\n

A few years ago, while I was at a state GIS conference, I used some free time to peruse the shops in Downtown Charlottesville, Virginia. I came across a vintage store and absolutely fell in love with an old Nystrom classroom pull down map hung up on the wall. I instantly purchased it, then I did what any normal cartographer would do – re make it!<\/p>\n

\"\"<\/a><\/p>\n

Fast-forward to this past month. I was eager to generate some non-Mercator vector tiles using Pro. My Back to School pulldown map was the perfect inspiration to try this out on because of its Azimuthal Equal Area Projection of a North America-centric view, and of course its retro sweetness.<\/p>\n

Resources<\/h2>\n

For my digital re-creation, I used two main datasets: Natural Earth<\/a> data and a polygonized version of ETOPO 1<\/a> raster data.<\/p>\n

Styling<\/h2>\n

With ArcGIS Pro open, the data was added and styled using the pull down map as my style guide. I took a high-resolution picture that I brought into my Mac and used the color-dropper tool to help derive those beautiful color combinations of the original. Elevations were grouped according to the original map as well. Below are the hex values used:<\/p>\n

#8C503C — Greater than 3,000m<\/p>\n

#D25A3C — 1,500m<\/p>\n

#D2824B — 600m<\/p>\n

#ECC465 — 300m<\/p>\n

#6EA07D — 150m<\/p>\n

#4B825A — 0<\/p>\n

#BEC8D7 — Less than 200m<\/p>\n

#4BAFD7 — Less than 6,000m<\/p>\n

#0A4B64 — Greater than 6,000m<\/p>\n

\"\"<\/a><\/p>\n

With those settings and colors applied you can feel the dry gum under the desk and smell the chalk dust. It\u2019s gorgeous…and we could just call it day there. But why?<\/p>\n

\"\"<\/a><\/p>\n

Some reference would be nice. The original map uses simple red symbols (circles, squares, and triangles) to denote population hierarchy with labels to the left or right of the symbol. The Natural Earth Populated Places (ne_50m_populated_places<\/em>) layer contains points with population numbers attributed that we can use to replicate the map\u2019s style. I added a pink (1, -1) offset shadow to make them pop just a bit in my version.<\/p>\n

\"\"<\/a><\/p>\n

Along with some State and Country labels the map uses semi-transparent lines to show boundaries. These are default dashed lines with a thick background according to boundary type. I use a creamier red (#F03250) for these.<\/p>\n

Probably one of my favorite features is the use of geographic lines \u00a0and graticules – it\u2019s a rare occasion to put the Tropic of Capricorn on a map these days. I used ne_50m_geographic_lines<\/em> and ne_50m_graticules_10<\/em>, both from the Natural Earth 50m Physical dataset.<\/p>\n

\"\"<\/a><\/p>\n

Projection<\/h2>\n

With the labeling properties buttoned up, we\u2019re ready to get the full effect of this pull-down map style: changing the projection!<\/p>\n

We\u2019re going to edit the projection properties just a bit, to center the projection over North America. In the map properties, coordinate system, and select North Pole Lambert Azimuthal Equal Area: 102017<\/a>, then right click the projection and choose \u201ccopy and modify\u201d. More on this sort of thing here<\/a>. All that’s changed here is the Central Meridian (-96) and Latitude of Origin (40).<\/p>\n

\"\"<\/a><\/p>\n

It\u2019s too gorgeous to keep to ourselves; we want to share this with the world…<\/p>\n

Tile Index<\/h2>\n

We could make some raster tiles, but why do that when vector tiles can snap into existence on demand<\/em>, on the client-side<\/em>?\u00a0So let\u2019s bake some vector tiles!<\/p>\n

First, we need to create a vector tile index<\/a>\u2014this will look at our data, and chop it up appropriately for each zoom (Geoprocessing > Create Vector Tile Index) so tiles are created efficiently and quickly. The mesh actually looks pretty cool.<\/p>\n

The important thing to note here is to un-check the \u201cPackage for ArcGIS Online\u201d. This will ensure we create tiles in our lovely custom azimuthal coordinate system, rather than in typical web Mercator.<\/p>\n

\"\"<\/a><\/p>\n

And that\u2019s it\u2014we\u2019re ready to share it (Share > Publish Web Layer). Fill out the Name, Summary, and tags, and be sure to check “Vector Tiles” because we are baking tiles and a baker\u2019s gonna bake \ud83d\ude42<\/p>\n

\"\"<\/a><\/p>\n

Tile Baking<\/h2>\n

Next, switch to the configuration tab. \u00a0We want to use the tiling scheme that we generated with the tile index polygons. I’d saved mine locally, so I just pointed the dialog to it. Then adjust the levels of detail to tell it how deeply this tile bake-off digs. I only styled down to zoom level 6, but you can go as low as your styling allows, just be mindful of your output vector tile package size. Vectors are much more efficient than raster tiles, but things can still get big in a hurry. Select the tile index<\/em> polygons we just created, to inform the tile chopping.<\/p>\n

\"\"<\/a><\/p>\n

The last step is to analyze the map; as long as we are error free (we are :>) we can publish to ArcGIS Online.<\/p>\n

Optional Post-Production<\/h2>\n

You may want to adjust the label properties of your vector tiles in ArcGIS Online in what I call \u201cPost-Production\u201d. At times there can be wrinkles with advanced label settings. You can easily fix this by creating a copy of your published vector tile style – there\u2019s a great how-to<\/a> by Deane Kensok<\/a> on this exact topic. Then you can use a vector tile style editor like Vector Basemap Style Editor <\/a>to edit your tiles.<\/p>\n

\"\"<\/a><\/p>\n

To adjust label text-wrapping, select your layer in the right panel of the Vector Basemap Style Editor’s layout section and add the two following properties:<\/p>\n