{"id":36,"date":"2017-09-17T01:55:49","date_gmt":"2017-09-17T01:55:49","guid":{"rendered":"https:\/\/www.easymapmaker.com\/support\/wordpress\/?p=36"},"modified":"2018-03-14T21:21:15","modified_gmt":"2018-03-14T21:21:15","slug":"change-the-marker-pin-colors","status":"publish","type":"post","link":"https:\/\/www.easymapmaker.com\/support\/change-the-marker-pin-colors\/","title":{"rendered":"Change the marker (pin) colors"},"content":{"rendered":"<p>The colors are automatically assigned based on the column you set as the <strong>Group\u00a0<\/strong>(see image below). There are up to 20 different colors that are used for premium\/pro users and 7 for free. If a column has more than 20 (7 for free maps) unique values, they will be combined together in ranges. It&#8217;s best to define the range yourself and use that for the group.<\/p>\n<h5>Assign a group to change the pin colors:<\/h5>\n<p><img decoding=\"async\" style=\"filter: drop-shadow(4px 4px 4px gray);\" src=\"https:\/\/www.easymapmaker.com\/faq\/grouping2.png\" alt=\"group data\" \/><\/p>\n<p>After assigning a group the colors can be changed as shown in the above image by clicking on &#8216;<strong>Show Group Markers<\/strong>&#8216; (becomes &#8216;Hide Group Markers&#8217; after clicking).<\/p>\n<p style=\"text-align: center;\"><strong>A video to demo changing marker pin colors<\/strong><\/p>\n<p><iframe loading=\"lazy\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/qlfF3X6tX7Q?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/p>\n<h5>A very real life situation is as follows:<\/h5>\n<p>In order to assign different pin colors to two spreadsheets, one with sales reps and the other with potential customers.\u00a0 The spreadsheets need to be combined into 1 and a column (possibly &#8216;sales type&#8217;) needs to be added.\u00a0 The values for the column can be &#8216;sales rep&#8217; and &#8216;customers&#8217;.<\/p>\n<h3>Sample Transforming Zip Code data for multiple colors<\/h3>\n<p>In order to add 3 different colors to the map for the following zip codes in the table:<\/p>\n<table class=\"table table-bordered table-condensed\" style=\"width: 100%;\">\n<tbody>\n<tr>\n<th>Sales Rep1 Zip Codes<\/th>\n<th>Target Zip Codes<\/th>\n<th>Future Zip Codes<\/th>\n<\/tr>\n<tr>\n<td>30546<\/td>\n<td>30553<\/td>\n<td>30557<\/td>\n<\/tr>\n<tr>\n<td>30547<\/td>\n<td>30554<\/td>\n<td>30558<\/td>\n<\/tr>\n<tr>\n<td>30548<\/td>\n<td>30555<\/td>\n<td>30559<\/td>\n<\/tr>\n<tr>\n<td>30549<\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>30552<\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>The data needs to be transformed into the following to get 3 different colors based on the zip code type:<\/p>\n<table class=\"table table-bordered table-condensed\" style=\"width: 100%;\">\n<tbody>\n<tr>\n<th>Zip code<\/th>\n<th>Type<\/th>\n<\/tr>\n<tr>\n<td>30546<\/td>\n<td>Sales Rep1 Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30547<\/td>\n<td>Sales Rep1 Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30548<\/td>\n<td>Sales Rep1 Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30549<\/td>\n<td>Sales Rep1 Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30552<\/td>\n<td>Sales Rep1 Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30553<\/td>\n<td>Target Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30554<\/td>\n<td>Target Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30555<\/td>\n<td>Target Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30557<\/td>\n<td>Future Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30558<\/td>\n<td>Future Zip Codes<\/td>\n<\/tr>\n<tr>\n<td>30559<\/td>\n<td>Future Zip Codes<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4 style=\"text-align: center;\">The resulting color options will appear<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"503\" height=\"219\" class=\"aligncenter size-medium wp-image-282\" style=\"filter: drop-shadow(4px 4px 4px gray);\" src=\"https:\/\/www.easymapmaker.com\/support\/wp-content\/uploads\/2017\/09\/zip_code_colors.png\" alt=\"Colors for different zip codes\" srcset=\"https:\/\/www.easymapmaker.com\/support\/wp-content\/uploads\/2017\/09\/zip_code_colors.png 503w, https:\/\/www.easymapmaker.com\/support\/wp-content\/uploads\/2017\/09\/zip_code_colors-300x131.png 300w, https:\/\/www.easymapmaker.com\/support\/wp-content\/uploads\/2017\/09\/zip_code_colors-60x26.png 60w, https:\/\/www.easymapmaker.com\/support\/wp-content\/uploads\/2017\/09\/zip_code_colors-150x65.png 150w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The colors are automatically assigned based on the column you set as the Group\u00a0(see image below). There are up to 20 different colors that are used for premium\/pro users and 7 for free. If a column has more than 20 (7 for free maps) unique values, they will be combined together in ranges. It&#8217;s best [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,9],"tags":[],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-create-map","category-faq"],"_links":{"self":[{"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":7,"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/posts\/36\/revisions\/324"}],"wp:attachment":[{"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.easymapmaker.com\/support\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}