Interactive SVG Map Component

RE: Interactive SVG Map Component

Anvesh Shetty — Tue, 30 Sep 2025 10:56:06 GMT

Hi ,

I am trying to show a USA interactive map using an SVG file. But could not get proper SVG file anywhere, Could anyone help with USA SVG File which works properly with this plugin.

RE: Interactive SVG Map Component

Prashant Mali — Wed, 30 Jul 2025 15:52:06 GMT

Hi,

I am trying to show a world interactive map using an SVG file downloaded from https://simplemaps.com/resources/svg-world.

I can see it using one function but not the other. Can anyone help me understand the behaviour?

Thanks in advance.

RE: Interactive SVG Map Component

Prashant Mali — Wed, 30 Jul 2025 15:41:59 GMT

Hello All.

I am trying to implement an interactive world map to show selected countries across the world. I have downloaded the SVG file from https://simplemaps.com/resources/svg-world. I can visualize the map in svgImageMapField but not in interactiveSvgMapField. Can somebody help?

RE: Interactive SVG Map Component

Appian AppMarket — Thu, 24 Apr 2025 22:54:26 GMT

v6.0.3 Release Notes

Fixed an error that prevented viewBox parameter to use the minX value to properly position the SVG in the component

RE: Interactive SVG Map Component

Lorenzo Alegnani — Mon, 16 Sep 2024 21:06:08 GMT

NEW TRY NOW BUTTON AVAILABLE

With the "Try Now" button below the Download link you can see the component in action before actually installing it in your cloud instance or local environment

RE: Interactive SVG Map Component

anthonyc3378 — Wed, 14 Aug 2024 13:28:37 GMT

Hello,

We noticed that trying to zoom/pan the SVG component on the native Appian mobile app causes the entire page to scroll. Is it possible to lock the entire screen when attempting to move around the svg image via touch controls?

RE: Interactive SVG Map Component

Chiara Gambone — Fri, 26 Jul 2024 13:52:41 GMT

Hi [mention:0edd05daaf754faf8acaa7861849f2f1:e9ed411860ed4f2ba0265705b8793d05] , I am trying to understand if this plugin can be used to show SVG inline in a grid.

I created a fake grid with columnsLayout and columnLayout, and inserted the following SVG:

[embed:dc8ab71f-3b98-42d9-b0f6-e21e02a0f8e2:726f372c-13f2-4e71-9815-d96834d4b4e8:type=xml&text=%3Csvg%20width%3D%2745px%27%20height%3D%2745px%27%20viewBox%3D%270%200%2015%2015%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%20%3Cpath%20d%3D%27M0%207.49996C0%203.52583%203.09098%200.27365%207%200.0163574V4.0354C5.30385%204.27801%204%205.73672%204%207.49996C4%209.43295%205.567%2011%207.5%2011C8.28618%2011%209.01181%2010.7407%209.5961%2010.3031L12.438%2013.1451C11.1188%2014.3%209.39113%2015%207.5%2015C3.35786%2015%200%2011.6421%200%207.49996Z%27%20fill%3D%27%23000000%27%2F%3E%20%3Cpath%20d%3D%27M13.1451%2012.438C14.3001%2011.1187%2015%209.39107%2015%207.49996C15%206.46644%2014.7909%205.48175%2014.4128%204.58586L10.7552%206.21147C10.9132%206.61024%2011%207.04496%2011%207.49996C11%208.28611%2010.7408%209.01174%2010.3032%209.59602L13.1451%2012.438Z%27%20fill%3D%27%23000000%27%2F%3E%20%3Cpath%20d%3D%27M8%204.0354V0.0163574C10.5416%200.183645%2012.7373%201.61699%2013.9626%203.69166L10.2541%205.33986C9.71063%204.64791%208.91203%204.16585%208%204.0354Z%27%20fill%3D%27%23000000%27%2F%3E%20%3C%2Fsvg%3E]

In the interface, it seems that to the right of the viewbox there is some whitespace that I'm not sure if it can be removed:

Here you can see the viewbox as 0, 0, 10, 10. It doesn't seem to me like a problem with viewbox

RE: Interactive SVG Map Component

Appian AppMarket — Thu, 30 Nov 2023 23:00:00 GMT

v6.0.2 Release Notes

Updated the plugin to work with the latest version of Rich Text Editor Image Upload Connected System (community.appian.com/.../rich-text-editor-image-upload-connected-system) as this introduced changes to retrieve document Id of the uploaded image

RE: Interactive SVG Map Component

Appian AppMarket — Thu, 11 May 2023 21:59:17 GMT

v6.0.1 Release Notes

Component Height now properly fit to content when the SVG source is dynamically changed from SAIL
Description of mapAreaParameters parameter in designer now reflect the latest updates of the plugin

RE: Interactive SVG Map Component

Appian AppMarket — Tue, 25 Apr 2023 21:58:32 GMT

v6.0.0 Release Notes

New Features
Icons to zoom in zoom out can be used as alternative to buttons
You can now zoom up to 10 times a SVG Image
You can set/override viewBox attribute of the SVG for proper sizing in the interface
New Parameters
zoomControlsIcons (Boolean): When true icons for zooming in/out and reset view are shown instead of buttons
maxScale (Number (Integer)): Maximum Scale when zooming in accepted values 2 to 10 (default is 4)
svgViewBox (Text): json dictionary to define/override viewBox attribute in SVG tag format is {minX: number (Integer), minY: number (Integer), width: number (Integer), height: number (Integer) }

RE: Interactive SVG Map Component

tarun.sharma — Mon, 05 Dec 2022 22:03:34 GMT

Hi, I am trying to use this plugin but when referencing a document image via constant it's not showing up. I am not able to import the sample application as its a community edition environment. Please suggest what could be wrong here.

Moreover, How can we get a sample svg image for world or USA map?

RE: Interactive SVG Map Component

Appian AppMarket — Tue, 15 Nov 2022 22:59:35 GMT

v5.0.0 Release Notes

New conversion of SVG Map to PNG document Image (requires Rich Text Editor Image Upload Connected System community.appian.com/.../rich-text-editor-image-upload-connected-system)

RE: Interactive SVG Map Component

Vladislav Morozov — Mon, 10 Oct 2022 14:18:31 GMT

Hello, I used this plug-in in my community appian and everything worked fine. Then I copied the interface in my company's appian and map won't appear. Everything is the same. I had an issue of this type a month ago, when I didn't see the map, but one of my colleagues did - I thought that it could be a version issue (as my company's Appian used the previous version of plug-in), but now neither of us sees the map. (Currently we have the latest version of plug-in)

RE: Interactive SVG Map Component

Chiara Gambone — Mon, 09 May 2022 16:23:00 GMT

Hello Lorenzo, I wonder if you can help us with a problem.

We receive an SVG from a webservice and we save the whole SVG tag from the XML to an Appian document.

We found that the only way to view this SVG document is using the documentViewerField, but we would love to use your custom component (which we are already using elsewhere).

Can you advise us if there is any way to view this SVG Appian Document with your component?

Thank you

RE: Interactive SVG Map Component

Appian AppMarket — Mon, 13 Dec 2021 23:03:36 GMT

v4.0 Release Notes

New Zoom In and out into SVG Map thru gesture/mouse wheel/component built-in controls
New Pan feature to move the map within component area allowing to focus on specific area
New Options to enable/disable Pan and Zoom features
New Option to show/hide zoom controls and to specify their position and color when shown