{"id":21106,"date":"2022-09-22T08:00:22","date_gmt":"2022-09-22T02:30:22","guid":{"rendered":"https:\/\/www.fusioncharts.com\/blog\/?p=21106"},"modified":"2026-01-20T14:42:20","modified_gmt":"2026-01-20T09:12:20","slug":"how-to-create-custom-map-to-identify-all-the-states","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/","title":{"rendered":"How to Create Custom Maps to Identify All States 2026"},"content":{"rendered":"Today, you will find maps on almost all kinds of platforms. For instance, there are service area maps, sales territory maps, delivery area maps, a <a href=\"https:\/\/www.fusioncharts.com\/dev\/map-guide\/list-of-maps\" target=\"_blank\" rel=\"noopener\">state map<\/a>, or maps on any topic defined by States or ZIP Codes. This article will show how to create a custom map to identify all US states, mainly using FusionCharts.\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_71 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#How_To_Create_A_Custom_Map_Using_FusionCharts\" title=\"How To Create A Custom Map Using FusionCharts?\">How To Create A Custom Map Using FusionCharts?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#1_Convert_Data_To_JSONXML_Format\" title=\"1. Convert Data To JSON\/XML Format:\">1. Convert Data To JSON\/XML Format:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#2_Include_FusionCharts_Suite_XT_Library_On_Your_Page\" title=\"2. Include FusionCharts Suite XT Library On Your Page:\">2. Include FusionCharts Suite XT Library On Your Page:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#3_Create_A_Map_Container_On_The_Web_Page\" title=\"3. Create A Map Container On The Web Page:\">3. Create A Map Container On The Web Page:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#4_Create_An_Instance_Of_The_Map\" title=\"4. Create An Instance Of The Map:\">4. Create An Instance Of The Map:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#How_To_Design_A_Basic_Map\" title=\"How To Design A Basic Map?\">How To Design A Basic Map?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#Can_You_Draw_A_Customized_Map\" title=\"Can You Draw A Customized Map?\">Can You Draw A Customized Map?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#Insert_A_Marker\" title=\"Insert A Marker\">Insert A Marker<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#Draw_Lines_Shapes_Of_The_Map\" title=\"Draw Lines &amp; Shapes Of The Map\">Draw Lines &amp; Shapes Of The Map<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#Add_An_ImageVideo\" title=\"Add An Image\/Video\">Add An Image\/Video<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#Map_Customization\" title=\"Map Customization\">Map Customization<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#Can_You_Customize_The_Information_In_Your_Map\" title=\"Can You Customize The Information In Your Map?\">Can You Customize The Information In Your Map?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#Insert_ColorsStyles_Customized_For_Each_State\" title=\"Insert Colors\/Styles Customized For Each State\">Insert Colors\/Styles Customized For Each State<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#Is_It_Possible_To_Embed_Maps_On_Your_Website\" title=\"Is It Possible To Embed Maps On Your Website?\">Is It Possible To Embed Maps On Your Website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#What_Are_The_Key_Takeaways\" title=\"What Are The Key Takeaways?\">What Are The Key Takeaways?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Create_A_Custom_Map_Using_FusionCharts\"><\/span>How To Create A Custom Map Using FusionCharts?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-21109 size-full\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Create-Custom-Map-Using-Fusion-Charts.jpg\" alt=\"How to Create Custom Map Using FusionCharts\" width=\"1280\" height=\"853\" srcset=\"\/blog\/wp-content\/uploads\/2022\/09\/How-to-Create-Custom-Map-Using-Fusion-Charts.jpg 1280w, \/blog\/wp-content\/uploads\/2022\/09\/How-to-Create-Custom-Map-Using-Fusion-Charts-300x200.jpg 300w, \/blog\/wp-content\/uploads\/2022\/09\/How-to-Create-Custom-Map-Using-Fusion-Charts-1024x682.jpg 1024w, \/blog\/wp-content\/uploads\/2022\/09\/How-to-Create-Custom-Map-Using-Fusion-Charts-768x512.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\r\n\r\nIn this tutorial, you&#8217;ll learn how to use FusionCharts to create custom map of all the states in the United States, customize it manually, or import data from a spreadsheet and publish it on your website. These kinds of maps are crucial for <a href=\"https:\/\/www.fusioncharts.com\/blog\/powerful-ready-made-javascript-maps-for-location-analytics\/\" target=\"_blank\" rel=\"noopener\">location analytics<\/a>.\r\n\r\nTo create a map with FusionCharts Suite XT, follow the four simple steps below:\r\n<h3><span class=\"ez-toc-section\" id=\"1_Convert_Data_To_JSONXML_Format\"><\/span><strong>1. Convert Data To JSON\/XML Format: <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nFusionCharts Suite XT can read JSON and XML data formats as strings from a local or remote file. As a result, if you have data in any other format, like <a href=\"https:\/\/www.fusioncharts.com\/vue-js-charts?framework=vue\" target=\"_blank\" rel=\"noopener\">state asset distribution<\/a>, you will need to convert it into a JSON\/XML representation before building the map.\r\n<h3><span class=\"ez-toc-section\" id=\"2_Include_FusionCharts_Suite_XT_Library_On_Your_Page\"><\/span><strong>2. Include FusionCharts Suite XT Library On Your Page:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nYou can include the FusionCharts Suite XT JavaScript library with <a href=\"https:\/\/www.fusioncharts.com\/react-native-charts?framework=react-native\" target=\"_blank\" rel=\"noopener\">state map components<\/a> on your HTML page using the &lt;script&gt; tag shown below:\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td width=\"602\">&lt;<strong>head<\/strong>&gt;\r\n&lt;<strong>title<\/strong>&gt;A Data Driven Map&lt;\/<strong>title<\/strong>&gt;\r\n&lt;<strong>script<\/strong> type=&#8221;text\/javascript&#8221; src=&#8221;fusioncharts\/fusioncharts.js&#8221;&gt;&lt;\/<strong>script<\/strong>&gt;\r\n&lt;<strong>script<\/strong> type=&#8221;text\/javascript&#8221; src=&#8221;fusioncharts\/themes\/fusioncharts.theme.fusion.js&#8221;&gt;&lt;\/<strong>script<\/strong>&gt;\r\n&lt;\/<strong>head<\/strong>&gt;<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<h3><span class=\"ez-toc-section\" id=\"3_Create_A_Map_Container_On_The_Web_Page\"><\/span><strong>3. Create A Map Container On The Web Page: <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nThen, as shown below, you must create a container for your map in the form of a div&gt; element:\r\n\r\n&lt;<strong>body<\/strong>&gt;\r\n\r\n&lt;<strong>div<\/strong> id=&#8221;chart-container&#8221;&gt;A US map will load here!&lt;\/<strong>div<\/strong>&gt;\r\n\r\n&lt;\/<strong>body<\/strong>&gt;\r\n<h3><span class=\"ez-toc-section\" id=\"4_Create_An_Instance_Of_The_Map\"><\/span><strong>4. Create An Instance Of The Map: <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nFinally, you must create a map instance, initialize it with your desired height and width (in pixels), and then set the JSON data source. To create a custom map, first, create a variable named <em>Map<\/em>.\r\n\r\nIn the populationMap variable, create a FusionCharts() object. Each map in your HTML page must have its own variable. Also, the initialization code is contained within the FusionCharts.ready() method. This prevents your map instantiation code from being called before the FusionCharts Suite XT library has been loaded and is ready to use on the page.\r\n\r\nUse the alias maps\/world to create a world map instance. FusionCharts Suite XT&#8217;s maps each have their distinct alias. Next, use the constructor&#8217;s width and height properties to specify the map&#8217;s width and height (in pixels).\r\n\r\nSet the dataFormat parameter to JSON to specify the JSON data format. As the value of the dataSource parameter, the actual JSON data is embedded as a string. Use the list of key-value pairs in the chart object to set up the map&#8217;s aesthetic and functional attributes.\r\n\r\nTo indicate progressive thresholds, define various numeric ranges linked to a different color using the colorrange object. For example, to display the names and values for each continent, set the values of the showLabels and includeValueInLabels attributes to 1. Next, use the numberSuffix attribute with the value set to M to specify that the value&#8217;s suffix is a million.\r\n\r\nFinally, render the map on the chartContainer element by invoking the render method.\r\n<h2><span class=\"ez-toc-section\" id=\"How_To_Design_A_Basic_Map\"><\/span>How To Design A Basic Map?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-21110 size-full\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/09\/How-to-Design-A-Basic-Map.jpg\" alt=\"How To Design A Basic Map\" width=\"1280\" height=\"854\" srcset=\"\/blog\/wp-content\/uploads\/2022\/09\/How-to-Design-A-Basic-Map.jpg 1280w, \/blog\/wp-content\/uploads\/2022\/09\/How-to-Design-A-Basic-Map-300x200.jpg 300w, \/blog\/wp-content\/uploads\/2022\/09\/How-to-Design-A-Basic-Map-1024x683.jpg 1024w, \/blog\/wp-content\/uploads\/2022\/09\/How-to-Design-A-Basic-Map-768x512.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\r\n\r\nNavigate to and select &#8220;Create a Map,&#8221; which will open a new tab with a map you can customize in two ways: manually drawing points and shapes or importing a spreadsheet.\r\n<h2><span class=\"ez-toc-section\" id=\"Can_You_Draw_A_Customized_Map\"><\/span>Can You Draw A Customized Map?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-21111 size-full\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/09\/Can-You-Draw-Your-Customized-Map.jpg\" alt=\"Can You Draw Your Customized Map\" width=\"1280\" height=\"853\" srcset=\"\/blog\/wp-content\/uploads\/2022\/09\/Can-You-Draw-Your-Customized-Map.jpg 1280w, \/blog\/wp-content\/uploads\/2022\/09\/Can-You-Draw-Your-Customized-Map-300x200.jpg 300w, \/blog\/wp-content\/uploads\/2022\/09\/Can-You-Draw-Your-Customized-Map-1024x682.jpg 1024w, \/blog\/wp-content\/uploads\/2022\/09\/Can-You-Draw-Your-Customized-Map-768x512.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\r\n\r\nLet&#8217;s begin by manually creating, drawing points or shapes on your map.\r\n<h3><span class=\"ez-toc-section\" id=\"Insert_A_Marker\"><\/span>Insert A Marker<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nWhen the location you searched for appears in the pop-up window, click the &#8220;add to map&#8221; button to add a new marker to your map.\r\n<h3><span class=\"ez-toc-section\" id=\"Draw_Lines_Shapes_Of_The_Map\"><\/span>Draw Lines &amp; Shapes Of The Map<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nTo create a line, click along the map where you want your line to be.\r\n\r\nMoreover, to create a shape, click along the map and be sure to connect the dots to create an enclosed form.\r\n<h3><span class=\"ez-toc-section\" id=\"Add_An_ImageVideo\"><\/span>Add An Image\/Video<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nYou can create a gallery with multiple images and\/or video links by clicking on the \u201c+\u201d button on the bottom right-hand side before saving.\r\n<h3><span class=\"ez-toc-section\" id=\"Map_Customization\"><\/span>Map Customization<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nYou\u2019ll see a box showing information about your map and its various layers. So far, all our changes have been to a layer on top of the map we see.\r\n<h2><span class=\"ez-toc-section\" id=\"Can_You_Customize_The_Information_In_Your_Map\"><\/span>Can You Customize The Information In Your Map?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-21112 size-full\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/09\/Can-You-Customize-the-Information-In-It.jpg\" alt=\"Can You Customize the Information In It\" width=\"1280\" height=\"854\" srcset=\"\/blog\/wp-content\/uploads\/2022\/09\/Can-You-Customize-the-Information-In-It.jpg 1280w, \/blog\/wp-content\/uploads\/2022\/09\/Can-You-Customize-the-Information-In-It-300x200.jpg 300w, \/blog\/wp-content\/uploads\/2022\/09\/Can-You-Customize-the-Information-In-It-1024x683.jpg 1024w, \/blog\/wp-content\/uploads\/2022\/09\/Can-You-Customize-the-Information-In-It-768x512.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\r\n\r\nThe information will most likely be in the &#8220;Shared With Me&#8221; or &#8220;Recent&#8221; tab. Next, Google will prompt you to select the location data column.\r\n\r\nFusionCharts can create custom maps using many <a href=\"https:\/\/www.fusioncharts.com\/fusionexport\" target=\"_blank\" rel=\"noopener\">design libraries<\/a>. If you cannot find the desired map styles, we can create a data-driven map from any geographic region, flight or cinema seating, or stadium seating. Please contact us on our website. We would be delighted to speak with you.\r\n<h3><span class=\"ez-toc-section\" id=\"Insert_ColorsStyles_Customized_For_Each_State\"><\/span>Insert Colors\/Styles Customized For Each State<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nTo change the icon style or color for each group, hover over each group and then click the paint bucket to customize.\r\n<h2><span class=\"ez-toc-section\" id=\"Is_It_Possible_To_Embed_Maps_On_Your_Website\"><\/span>Is It Possible To Embed Maps On Your Website?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-21113 size-full\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/09\/Is-it-Possible-to-Embed-Maps-on-Your-Website.jpg\" alt=\"Is it Possible to Embed Maps on Your Website\" width=\"1280\" height=\"853\" srcset=\"\/blog\/wp-content\/uploads\/2022\/09\/Is-it-Possible-to-Embed-Maps-on-Your-Website.jpg 1280w, \/blog\/wp-content\/uploads\/2022\/09\/Is-it-Possible-to-Embed-Maps-on-Your-Website-300x200.jpg 300w, \/blog\/wp-content\/uploads\/2022\/09\/Is-it-Possible-to-Embed-Maps-on-Your-Website-1024x682.jpg 1024w, \/blog\/wp-content\/uploads\/2022\/09\/Is-it-Possible-to-Embed-Maps-on-Your-Website-768x512.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\r\n\r\nThis can be achieved by clicking the \u201cshare\u201d button on the layers box, and then changing link sharing to <em>public<\/em> from <em>private<\/em>. Lastly, you will have to copy the embed code.\r\n<h2><span class=\"ez-toc-section\" id=\"What_Are_The_Key_Takeaways\"><\/span>What Are The Key Takeaways?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-21114 size-full\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/09\/What-Are-the-Key-Takeaways.jpg\" alt=\"What Are the Key Takeaways\" width=\"1280\" height=\"853\" srcset=\"\/blog\/wp-content\/uploads\/2022\/09\/What-Are-the-Key-Takeaways.jpg 1280w, \/blog\/wp-content\/uploads\/2022\/09\/What-Are-the-Key-Takeaways-300x200.jpg 300w, \/blog\/wp-content\/uploads\/2022\/09\/What-Are-the-Key-Takeaways-1024x682.jpg 1024w, \/blog\/wp-content\/uploads\/2022\/09\/What-Are-the-Key-Takeaways-768x512.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\r\n\r\nIn this article, we went over all the essentials one should know before creating a custom map. A map can be customized either by manually drawing points and shapes or importing a data file. Furthermore, these custom maps can be integrated into your webpages, as the embed code is auto-generated, making them more useful. This post even taught one how to create a basic map using FusionCharts\u2019 <a href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-maps-with-my-javascript-charting-library\/\" target=\"_blank\" rel=\"noopener\">map charting library<\/a>.\r\n\r\nOverall, FusionMaps XT has over 2000+ geographical maps. Including all countries, US states, and regions in Europe. For plotting business data like revenue by region, employment levels by state, and office locations.\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/download\/fusioncharts-suite-xt\" target=\"_blank\" rel=\"noopener\">Now that you know much about custom maps, click here to start customizing your own maps and enhancing your websites using FusionCharts!<\/a>","protected":false},"excerpt":{"rendered":"<p>Today, you will find maps on almost all kinds of platforms. For instance, there are service area maps, sales territory maps, delivery area maps, a state map, or maps on any topic defined by States or ZIP Codes. This article will show how to create a custom map to identify all US states, mainly using [&hellip;]<\/p>\n","protected":false},"author":55,"featured_media":21115,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[722],"tags":[554,683,136,152],"coauthors":[737],"class_list":["post-21106","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fusioncharts","tag-charting","tag-charts","tag-features","tag-fusioncharts"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create Custom Maps to Identify All States 2026<\/title>\n<meta name=\"description\" content=\"Use maps on any platform! This 2026 guide shows you how to create custom maps using FusionCharts for professional geographic data. Build world maps today.\" \/>\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.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Custom Maps to Identify All States 2026\" \/>\n<meta property=\"og:description\" content=\"Use maps on any platform! This 2026 guide shows you how to create custom maps using FusionCharts for professional geographic data. Build world maps today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-22T02:30:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:12:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Emad Bin Abid\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emad Bin Abid\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Emad Bin Abid\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/1eddd6ac5f4437245b996d06590e1fce\"\n\t            },\n\t            \"headline\": \"How to Create Custom Maps to Identify All States 2026\",\n\t            \"datePublished\": \"2022-09-22T02:30:22+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:12:20+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/\"\n\t            },\n\t            \"wordCount\": 1036,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg\",\n\t            \"keywords\": [\n\t                \"charting\",\n\t                \"charts\",\n\t                \"features\",\n\t                \"FusionCharts\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"FusionCharts\"\n\t            ],\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"CommentAction\",\n\t                    \"name\": \"Comment\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/\",\n\t            \"name\": \"How to Create Custom Maps to Identify All States 2026\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg\",\n\t            \"datePublished\": \"2022-09-22T02:30:22+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:12:20+00:00\",\n\t            \"description\": \"Use maps on any platform! This 2026 guide shows you how to create custom maps using FusionCharts for professional geographic data. Build world maps today.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg\",\n\t            \"width\": 1280,\n\t            \"height\": 853,\n\t            \"caption\": \"How To Create Custom Map To Identify All The States\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.fusioncharts.com\/blog\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"How to Create Custom Maps to Identify All States 2026\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"name\": \"FusionBrew - The FusionCharts Blog\",\n\t            \"description\": \"Get tips and tricks on how to build effective Data Visualisation using FusionCharts\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"width\": 1,\n\t                \"height\": 1,\n\t                \"caption\": \"FusionCharts\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/1eddd6ac5f4437245b996d06590e1fce\",\n\t            \"name\": \"Emad Bin Abid\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/d0bac2c2fe471b4c6f7b4d3bcd39364d\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/88f\/88f17af503508a48a3ccc99ad09d3fb2x96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/88f\/88f17af503508a48a3ccc99ad09d3fb2x96.jpg\",\n\t                \"caption\": \"Emad Bin Abid\"\n\t            },\n\t            \"description\": \"I'm a software engineer who has a bright vision and a strong interest in designing and engineering software solutions. I readily understand that in today's agile world the development process has to be rapid, reusable, and scalable; hence it is extremely important to develop solutions that are well-designed and embody a well-thought-of architecture as the baseline. Apart from designing and developing business solutions, I'm a content writer who loves to document technical learnings and experiences so that peers in the same industry can also benefit from them.\",\n\t            \"sameAs\": [\n\t                \"https:\/\/www.linkedin.com\/in\/emadbinabid\/\"\n\t            ],\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/emadbinabid\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Custom Maps to Identify All States 2026","description":"Use maps on any platform! This 2026 guide shows you how to create custom maps using FusionCharts for professional geographic data. Build world maps today.","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.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Custom Maps to Identify All States 2026","og_description":"Use maps on any platform! This 2026 guide shows you how to create custom maps using FusionCharts for professional geographic data. Build world maps today.","og_url":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2022-09-22T02:30:22+00:00","article_modified_time":"2026-01-20T09:12:20+00:00","og_image":[{"width":1280,"height":853,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg","type":"image\/jpeg"}],"author":"Emad Bin Abid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Emad Bin Abid","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/"},"author":{"name":"Emad Bin Abid","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/1eddd6ac5f4437245b996d06590e1fce"},"headline":"How to Create Custom Maps to Identify All States 2026","datePublished":"2022-09-22T02:30:22+00:00","dateModified":"2026-01-20T09:12:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/"},"wordCount":1036,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg","keywords":["charting","charts","features","FusionCharts"],"articleSection":["FusionCharts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/","url":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/","name":"How to Create Custom Maps to Identify All States 2026","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg","datePublished":"2022-09-22T02:30:22+00:00","dateModified":"2026-01-20T09:12:20+00:00","description":"Use maps on any platform! This 2026 guide shows you how to create custom maps using FusionCharts for professional geographic data. Build world maps today.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2022\/09\/How-To-Create-Custom-Map-To-Identify-All-The-States.jpg","width":1280,"height":853,"caption":"How To Create Custom Map To Identify All The States"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-create-custom-map-to-identify-all-the-states\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create Custom Maps to Identify All States 2026"}]},{"@type":"WebSite","@id":"https:\/\/www.fusioncharts.com\/blog\/#website","url":"https:\/\/www.fusioncharts.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fusioncharts.com\/blog\/#organization","name":"FusionCharts","url":"https:\/\/www.fusioncharts.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/","url":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","contentUrl":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","width":1,"height":1,"caption":"FusionCharts"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/1eddd6ac5f4437245b996d06590e1fce","name":"Emad Bin Abid","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/d0bac2c2fe471b4c6f7b4d3bcd39364d","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/88f\/88f17af503508a48a3ccc99ad09d3fb2x96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/88f\/88f17af503508a48a3ccc99ad09d3fb2x96.jpg","caption":"Emad Bin Abid"},"description":"I'm a software engineer who has a bright vision and a strong interest in designing and engineering software solutions. I readily understand that in today's agile world the development process has to be rapid, reusable, and scalable; hence it is extremely important to develop solutions that are well-designed and embody a well-thought-of architecture as the baseline. Apart from designing and developing business solutions, I'm a content writer who loves to document technical learnings and experiences so that peers in the same industry can also benefit from them.","sameAs":["https:\/\/www.linkedin.com\/in\/emadbinabid\/"],"url":"https:\/\/www.fusioncharts.com\/blog\/author\/emadbinabid\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/21106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=21106"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/21106\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/21115"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=21106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=21106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=21106"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=21106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}