{"id":121351,"date":"2011-08-04T15:00:00","date_gmt":"2011-08-04T15:00:00","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/cartographic-design-for-web-maps\/"},"modified":"2011-08-04T15:00:00","modified_gmt":"2011-08-04T15:00:00","slug":"cartographic-design-for-web-maps","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps","title":{"rendered":"Cartographic design for web maps"},"author":4331,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[23201,23221],"industry":[],"product":[],"class_list":["post-121351","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-cartographic-design","tag-web-mapping"],"acf":{"short_description":"By Aileen Buckley, Mapping Center Lead\n\n\n\nWhen you compile a map for print, you have to figure out a few things, like, \"What size will it...","flexible_content":[{"acf_fc_layout":"content","content":"<p><strong>By Aileen Buckley, Mapping Center Lead<\/strong><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_Thumb2.png\" border=\"0\" alt=\"CDWM - Thumbnail\" hspace=\"5\" width=\"200\" align=\"left\" \/><\/p>\n<p>When you compile a map for print, you have to figure out a few things, like, &#8220;What size will it be?&#8221;; &#8220;What geographic extent will I show?&#8221;; given those, &#8220;What will the map scale be?&#8221;; &#8220;What map projection should I use?&#8221;; &#8220;Should it be in color?&#8221;; &#8220;What fonts should I use?&#8221;, &#8220;What print resolution should I use?&#8221;; etc\u2026<\/p>\n<p><!--more-->Making Web maps is no different \u2013 you still have to ask the same questions; however, the answers might be different. As we take a look at each of these questions, we will give you some general guidelines for designing maps for the Web. This is not an exhaustive set of guidelines, but it should at least help you to get started!<\/p>\n<p><strong>What size will it be?<\/strong><\/p>\n<p>In terms of size, we usually design for a 17 or 19 inch LCD monitor since that is what most people have on their desktops (figure 1).<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_MonitorSize.png\" border=\"0\" alt=\"CDWM - Monitor Size\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 1. The size of monitors is measured on the diagonal<\/em><\/p>\n<p><strong>What geographic extent will I show?<\/strong><\/p>\n<p>In terms of geographic extent, Web maps do not have the same restrictions as print maps. Because users can pan and zoom, the map extent can be larger than what you see on the screen (figure 2).<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_Panning.png\" border=\"0\" alt=\"CDWM - Panning\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 2. Panning (shown here) and zooming allow users to see more than just the geographic extent within the current screen<\/em><\/p>\n<p><strong>What will the map scale(s) be?<\/strong><\/p>\n<p>Given the size of the screen and the geographic extent you want to show, what will the map scale be? If your readers can zoom in and out to see your map, then the map scale will be variable (figure 3). This means that you should compile a separate map for each map scale to assure that the zooming experience appears &#8220;seamless&#8221;. We talked about this in our last blog entry <a title=\"Mapping Center Blog: Creating a Web Map Service\" href=\"http:\/\/blogs.esri.com\/Support\/blogs\/mappingcenter\/archive\/2011\/08\/04\/creating-a-web-map-service.aspx\">Creating a Web Map Service<\/a>. We also wrote about how to set up your ArcMap document to support compilation of a multi-scale map in an earlier blog entry, <a title=\"Mapping Center Blog: Working with Layers and Scale Ranges: Tips for Organizing the Table of Contents\" href=\"http:\/\/blogs.esri.com\/Support\/blogs\/mappingcenter\/archive\/2008\/03\/17\/working-with-layers-and-scale-ranges-tips-for-organizing-the-table-of-contents.aspx\">Working with Layers and Scale Ranges: Tips for Organizing the Table of Contents<\/a>.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_Zooming.png\" border=\"0\" alt=\"CDWM - Zooming\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 3. Zooming allows users to see more than a single map scale<\/em><\/p>\n<p><strong>What map projection should I use?<\/strong><\/p>\n<p>The question about which map projection to use is answered for you if you want to mash up with other maps. For example, if you want your map to overlay with others on ArcGIS Online or with Bing Maps or Google Maps, then the projection you\u2019ll use is Web Mercator (figure 4).<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_WebMercator.png\" border=\"0\" alt=\"CDWM - Web Mercator\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 4. Web Mercator is the industry standard for mashups<\/em><\/p>\n<p>If you are thinking of using a different projection, realize that others will also have to use the same projection if they want to use your map in a mash up. If you do not anticipate anyone using your map for mashups, you can consider alternate projections like we did when we used the <a title=\"Mapping Center Blog: An Alternative to Web Mercator: Winkle Triple\" href=\"http:\/\/blogs.esri.com\/Support\/blogs\/mappingcenter\/archive\/2011\/02\/17\/an-alternative-to-web-mercator-winkle-triple.aspx\">Winkle Triple projection for our Super Bowl map<\/a>.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_WinkleTriple.png\" border=\"0\" alt=\"CDWM - Winkle Triple\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 4. Other projections could also be used, e.g., Winkle Triple<\/em><\/p>\n<p><strong>Should it be in color?<\/strong><\/p>\n<p>When you ask, &#8220;Should it be in color?&#8221;, remember that computers today are capable of displaying millions of colors, so the issue of Web-safe colors is moot and almost every Web map you see will be in color (figure 5).<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_WebSafeColors.png\" border=\"0\" alt=\"CDWM - Web Safe Colors\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 5. Most monitors support 24-bit color resulting in millions of colors, so Web-safe colors are no longer a critical issue<\/em><\/p>\n<p>However, color on the Web is different from color for print, and this will hve an impact on the appearance of your map. For <strong><em>printed maps<\/em><\/strong>, the colors and shapes are comprised of pigments in the ink. Using the <strong><em>subtractive color system<\/em><\/strong>, these colors are perceived by the absorption and reflection of light from their surfaces (figure 6). When you look at a <strong><em>computer screen<\/em><\/strong>, you see colors and shapes that are made up of light. Using the <em>additive color system<\/em>, colors are built up by combining red, green, and blue light in different mixtures and intensities. The color white is produced by mixing red, green and blue at full intensity.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_ColorModels.png\" border=\"0\" alt=\"CDWM - Color Models\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 6. The subtractive and additive color models<\/em><\/p>\n<p>So one result is that light colors on the Web are overly luminous and too harsh on the eye for extended viewing. In addition, the intensity of the light radiating from a screen when it displays pure white can affect the clarity of fine detail in type, point symbols, line symbols, as well as intricate patterns, such as rasters displayed as hillshades and elevation tints.<\/p>\n<p>To increase legibility, a symbol has to be distinguishable from its background \u2013 this is the basis for seeing! A good guide to color selection is the following table of visual efficiencies \u2013 look for combinations of symbols on backgrounds that have high visual efficiency (figure 7).<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_VisualEfficiency.png\" border=\"0\" alt=\"CDWM - Visual Efficiency\" hspace=\"5\" width=\"600\" align=\"middle\" \/><\/p>\n<p><em>Figure 7. A table of visual efficiencies for combinations of colors for symbols and their backgrounds. Higher values result in better legibility<\/em><\/p>\n<p><strong>What fonts should I use?<\/strong><\/p>\n<p>If you can, use fonts that were designed for the Web. A recent study identified these fonts as the most popular for web design: Arial (or Helvetica on Macs), Verdana, Georgia, Trebuchet, and Century Gothic (which are installed on all Windows systems), in addition to Lucinda Grande and Palatino (which are installed on most systems) (figure 8).<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_Fonts.png\" border=\"0\" alt=\"CDWM - Fonts\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 8. A table to help you choose color combinations that have high visual efficiency<\/em><\/p>\n<p>Good Web fonts have a generous amount of space between characters, as well as a generous amount of space within the characters themselves (figure 9). A tall x-height also opens up the space within a character. These properties are what make these fonts so legible on screen, given what you now know about the light from the monitor affecting the clarity of symbols (including text) on screen.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_GoodFonts.png\" border=\"0\" alt=\"CDWM - Good Fonts\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 9. Characteristics of good Web fonts<\/em><\/p>\n<p>All of the fonts shown here are sans-serif fonts, except Georgia and Palatino. Serifs are the extra lines or small decorations added to the ends of the main strokes of the type (figure 10).<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/downloads2.esri.com\/MappingCenter2007\/blog\/Aug11Images\/CDWM_Serif.png\" border=\"0\" alt=\"CDWM - Serifs\" hspace=\"5\" align=\"middle\" \/><\/p>\n<p><em>Figure 10. Serif and sans serif fonts<\/em><\/p>\n<p>The theory behind these serifs is that they help the letters flow and lead the eye across the text during reading. Serif fonts are very popular in print, but many designers and cartographers believe that sans-serif fonts are a more suitable option for Web design as the serifs compromise the space between characters. This holds for small blocks of text (like labels on maps, titles, legend text, etc\u2026), but large blocks of text are still easier to read with serif fonts, whether on paper of on screen.<\/p>\n<p>The variable boldness and fine extra strokes of the serif fonts, particularly at smaller sizes, often appear pixilated and untidy. This is still the case even with the most modern anti-aliasing techniques. With anti-aliasing enabled, the serif fonts look blurred (which is what they are really) around their curves and ends of the strokes in the characters. On the other hand, the straight, open strokes of a sans-serif font leaves a good impression on-screen.<\/p>\n<p><strong>What resolution should it be?<\/strong><\/p>\n<p>Since the map is on-screen, the safe resolution to design for is 96 dpi or dots per inch, as all LCDs support this resolution. Newer LCD monitors typically have a native pixel density of 120 DPI and 144 DPI. You should choose the resolution based on the type of computer your target audience will mostly likely have.<\/p>\n<p>In any case, this is still low resolution when compared to print maps. This low resolution, coupled with the color projection issue described above, will likely have the greatest impact on the cartographic design of your map.<\/p>\n<p>Luckily, there are some tricks you can use, such as anti-aliasing, which fools the eye into see a jagged edge as a smooth edge. Because screen displays are pixels, non-orthogonal lines and sharp edges appear jagged. These jagged edges are softened by adding pixels of intermediate color between the object and the background.<\/p>\n<p><strong>Further Reading<\/strong><\/p>\n<p>See our previous blog entry, <a title=\"Mapping Center Blog: Creating a Web Map Service\" href=\"http:\/\/blogs.esri.com\/Support\/blogs\/mappingcenter\/archive\/2011\/08\/04\/creating-a-web-map-service.aspx\">Creating a Web Map Service<\/a>, to read more about some of the tricks you can use when creating map services with ArcGIS Server. And read a previous blog entry, <a title=\"Mapping Center Blog: Designing Operational Overlays for the ArcMap and ArcGIS Online Basemaps\" href=\"http:\/\/blogs.esri.com\/Support\/blogs\/mappingcenter\/archive\/2011\/06\/23\/designing-operational-overlays-for-the-arcmap-and-arcgis-online-basemaps.aspx\">Designing Operational Overlays for the ArcMap and ArcGIS Online Basemaps<\/a>, for more tips on designing maps for the Web.<\/p>\n"}],"authors":[{"ID":4331,"user_firstname":"Aileen","user_lastname":"Buckley","nickname":"Aileen Buckley","user_nicename":"abuckley","display_name":"Aileen Buckley","user_email":"abuckley@esri.com","user_url":"","user_registered":"2018-03-02 00:15:57","user_description":"Dr. Aileen Buckley is a cartographer researcher and Senior Principal GIS Engineer at Esri. I'm on the ArcGIS Living Atlas of the World Team, making, writing, and talking about maps. I'm also involved in a number of cartographic societies and association, and I'm the chair of the ICA Ethics in Cartography Commission.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/Aileen.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}]},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cartographic design for web maps<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cartographic design for web maps\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps\"},\"author\":{\"name\":\"Aileen Buckley\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/874953792dea98fe178fbb6a5e8255b0\"},\"headline\":\"Cartographic design for web maps\",\"datePublished\":\"2011-08-04T15:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps\"},\"wordCount\":5,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"cartographic design\",\"Web Mapping\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps\",\"name\":\"Cartographic design for web maps\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2011-08-04T15:00:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cartographic design for web maps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/874953792dea98fe178fbb6a5e8255b0\",\"name\":\"Aileen Buckley\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/Aileen.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/Aileen.jpg\",\"caption\":\"Aileen Buckley\"},\"description\":\"Dr. Aileen Buckley is a cartographer researcher and Senior Principal GIS Engineer at Esri. I'm on the ArcGIS Living Atlas of the World Team, making, writing, and talking about maps. I'm also involved in a number of cartographic societies and association, and I'm the chair of the ICA Ethics in Cartography Commission.\",\"sameAs\":[\"https:\/\/www.instagram.com\/buckley.aileen\/\",\"linkedin.com\/in\/aileenbuckley\"],\"honorificPrefix\":\"Dr.\",\"honorificSuffix\":\"PhD\",\"gender\":\"female\",\"award\":[\"Chair of the ICA Commission on Ethics in Cartography\"],\"knowsAbout\":[\"Cartography\",\"GIS\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Research Cartographer\",\"worksFor\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/abuckley\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cartographic design for web maps","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps","og_locale":"en_US","og_type":"article","og_title":"Cartographic design for web maps","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps"},"author":{"name":"Aileen Buckley","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/874953792dea98fe178fbb6a5e8255b0"},"headline":"Cartographic design for web maps","datePublished":"2011-08-04T15:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps"},"wordCount":5,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["cartographic design","Web Mapping"],"articleSection":["Mapping"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps","name":"Cartographic design for web maps","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2011-08-04T15:00:00+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/product\/mapping\/cartographic-design-for-web-maps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Cartographic design for web maps"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/874953792dea98fe178fbb6a5e8255b0","name":"Aileen Buckley","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/Aileen.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/Aileen.jpg","caption":"Aileen Buckley"},"description":"Dr. Aileen Buckley is a cartographer researcher and Senior Principal GIS Engineer at Esri. I'm on the ArcGIS Living Atlas of the World Team, making, writing, and talking about maps. I'm also involved in a number of cartographic societies and association, and I'm the chair of the ICA Ethics in Cartography Commission.","sameAs":["https:\/\/www.instagram.com\/buckley.aileen\/","linkedin.com\/in\/aileenbuckley"],"honorificPrefix":"Dr.","honorificSuffix":"PhD","gender":"female","award":["Chair of the ICA Commission on Ethics in Cartography"],"knowsAbout":["Cartography","GIS"],"knowsLanguage":["English"],"jobTitle":"Research Cartographer","worksFor":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/abuckley"}]}},"text_date":"August 4, 2011","author_name":"Aileen Buckley","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/abuckley","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":false,"tag_data":[{"term_id":23201,"name":"cartographic design","slug":"cartographic-design","term_group":0,"term_taxonomy_id":23201,"taxonomy":"post_tag","description":"","parent":0,"count":332,"filter":"raw"},{"term_id":23221,"name":"Web Mapping","slug":"web-mapping","term_group":0,"term_taxonomy_id":23221,"taxonomy":"post_tag","description":"","parent":0,"count":28,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2692,"filter":"raw"}],"product_data":[],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/121351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/4331"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=121351"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/121351\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=121351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=121351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=121351"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=121351"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=121351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}