Skip to main content

SVG Mexico Map

Ceré Rettig
  • Updated

This will require Builder privileges for setup and implementation.

SVG Maps are how we are moving forward with maps in iDashboards v10.2a or higher.

SVG Mexico Map

MexicoSVG.png

 

On the left grey yet interactive, on the right how the map comes using iDashboards Range Colors in the SVG Drawing Settings and also interactive.

SVG Mexico Map Installation

  • This will need to be downloaded in uploaded into your content directory. I will be using an SVG_Maps folder within the iDashboards Content. 
  • First navigate to iDashboards Admin or Data Hub and click Content
  • From that point create a new folder to store your SVG maps. We will name it SVG_Maps
  • Download SVG_Maps.zip and extract the files
  • Once you have done that place the SVG files into the SVG_Maps folder
  • If you only need the Mexico map, please feel free to download just the MEXICO.SVG file

 SVG_Maps.gif

Select the Maps chart, then SVG Drawing

Select the SVG Drawing Settings

In the SVG Image URL, you will need to navigate to the maps directory. Your URL is going to look something like this: content:SVG_Maps/MEXICO.svg replace the country name with our Country parameter so that when we drill down we are navigated to the correct state.

content:SVG_Maps/${param:Country}.svg

mceclip4.png

SVG Image URL: content:SVG_Maps/${param:Country}.svg

Cell ID Axis: Country: - This will be the name of your country table 

Cell ID Letter Case: All Upper-Case - This will send your data to the SVG in the correct format the file is expecting. 

Cell ID Space Handling: Replace With Underscore (_) - If you have spaces this setting will match the expected file format. 

After this has been done we can Save our chart and start working on the top-level chart. 

Top Level Chart

For the drill down to work you will need to have a providence column set up on the top-level chart. This can be a two-letter abbreviation or full providence name. 

mceclip1.png

Drilldown Chart

In the chart builder screen, select Drilldown to Chart. Note the name and letter case of your drill down axes. This needs to match the parameter you set up in your base level chart.  Assigning the providence level chart we created first to this drill-down and Save. 

mceclip2.png

After the drill-down has been assigned and the chart is saved we can test our chart.

If you have any issues with counties not showing up please let support know. If you would like a custom state or region map please reach out to your Client Success Manager. Providence maps are not provided, however with an SVG editor like Adobe Photoshop or Inkscape anyone can create them.

For More Information:

  • Inkscape
  • iDashboards Builder Manual 9.14.3 SVG Drawing Maps

Disclaimer:

iDashboards Technical Support Engineers are not proficient in the editing and integration of every SGV Drawing (image) that exists as new SVG images are being created everyday. However, we do our best to help you use these images because we want to assist you in your success. The SVG Mexico Map is delivered as-is. There will be no modification of the SVG Mexico Map by the Support Services Team. The iDashboards Support Services Team has put a lot of effort into making sure that the SVG images are able to be integrated with your dashboards. By downloading and installing the SVG images the iDashboards Administrator assumes responsibility for its usage and for understanding the data presented.

If the above is unable to resolve the issue, then please contact iDashboards Support for further assistance.

 

Related articles

Comments

3 comments

Date Votes

Please sign in to leave a comment.