I have recently upgraded to Apex 3.2.1 which have the AnyMap features. Actually I am trying to get a map displayed on a page, I have changed region settings to point to AnyChart.swf in 2 places. Now in the Custom XML region, the xml elements of APEX & Anychart are different. In apex the root element is <root> where as in anychart it is <anychart>. I tried to insert <anychart> inside <root>. But nothing is displayed. Below is the code from custom XML i am using to display USA map.
Is there anyother way to get the map displayed?
<?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
<root>
<type>
<anychart>
<charts>
<chart plot_type="Map" name="USA">
<chart_settings>
<title enabled="true"><text>The United States of America</text></title>
<chart_background enabled="True"/>
<data_plot_background enabled="false"/>
<footer enabled="true">
<text>Click on a state to see state's counties</text>
<background>
<border type="Solid" color="#AAAAAA" enabled="True" opacity="0.5"/>
<inside_margin top="5" bottom="5"/>
</background>
</footer>
</chart_settings>
<data_plot_settings>
<map_series source="maps/usa/country/states.amap">
<projection type="orthographic"/>
<undefined_map_region palette="undefPalette">
<label_settings enabled="True">
<format>{%REGION_ID}</format>
<position anchor="Center" valign="Center" halign="Center"/>
</label_settings>
<actions>
<action type="updateChart" view="State" source_mode="internalData" source="State">
<replace token="{$region_amap}">{%REGION_ID}</replace>
<replace token="{$title}">{%REGION_NAME}</replace>
</action>
</actions>
<tooltip_settings enabled="true">
<format>{%REGION_NAME}</format>
</tooltip_settings>
<map_region_style>
<fill type="Gradient">
<gradient angle="45">
<key color="%Color"/>
<key color="Blend(%Color,Gray,0.9)"/>
</gradient>
</fill>
<states>
<hover color="#FAFFEE">
<hatch_fill enabled="True" type="Percent50" color="#204E83" opacity="0.5"/>
<border color="#204E83" opacity="1"/>
</hover>
<pushed color="#FAFFEE">
<hatch_fill enabled="True" type="Percent50" color="#204E83" opacity="1"/>
<border color="#204E83" opacity="1"/>
</pushed>
<selected_hover color="#FAFFEE">
<hatch_fill enabled="True" type="Percent50" color="#204E83" opacity="0.5"/>
<border color="#204E83" opacity="1"/>
</selected_hover>
<selected_normal color="#FAFFEE">
<hatch_fill enabled="True" type="Percent50" color="#204E83" opacity="1"/>
<border color="#204E83" opacity="1"/>
</selected_normal>
</states>
</map_region_style>
</undefined_map_region>
<effects>
<drop_shadow enabled="True" distance="2" opacity="0.5"/>
</effects>
</map_series>
</data_plot_settings>
<palettes>
<palette name="undefPalette" type="ColorRange" color_count="10">
<gradient>
<key color="#F8FDE9"/>
<key color="#DCDD8C"/>
</gradient>
</palette>
</palettes>
</chart>
<chart plot_type="Map" name="State">
<chart_settings>
<title><text>{$title}</text></title>
<chart_background enabled="True"/>
<data_plot_background enabled="false"/>
<footer enabled="true">
<text>Back to USA Map</text>
<actions>
<action type="updateChart" source_mode="internalData" source="USA"/>
</actions>
<background>
<border type="Solid" color="#AAAAAA" enabled="True"/>
<inside_margin top="5" bottom="5"/>
</background>
</footer>
</chart_settings>
<data_plot_settings>
<map_series source="maps/usa/states/counties/{$region_amap}.amap">
<projection type="orthographic"/>
<undefined_map_region palette="undefPalette">
<tooltip_settings enabled="true">
<format>{%REGION_NAME}</format>
</tooltip_settings>
<map_region_style>
<fill type="Gradient">
<gradient angle="45">
<key color="%Color"/>
<key color="Blend(%Color,Gray,0.9)"/>
</gradient>
</fill>
<states>
<hover color="#FAFFEE">
<hatch_fill enabled="True" type="Percent50" color="#204E83" opacity="0.5"/>
<border color="#204E83" opacity="1"/>
</hover>
<pushed color="#FAFFEE">
<hatch_fill enabled="True" type="Percent50" color="#204E83" opacity="1"/>
<border color="#204E83" opacity="1"/>
</pushed>
<selected_hover color="#FAFFEE">
<hatch_fill enabled="True" type="Percent50" color="#204E83" opacity="0.5"/>
<border color="#204E83" opacity="1"/>
</selected_hover>
<selected_normal color="#FAFFEE">
<hatch_fill enabled="True" type="Percent50" color="#204E83" opacity="1"/>
<border color="#204E83" opacity="1"/>
</selected_normal>
</states>
</map_region_style>
</undefined_map_region>
<effects>
<drop_shadow enabled="True" distance="2" opacity="0.5"/>
</effects>
</map_series>
</data_plot_settings>
<palettes>
<palette name="undefPalette" type="ColorRange" color_count="10">
<gradient>
<key color="#F8FDE9"/>
<key color="#DCDD8C"/>
</gradient>
</palette>
</palettes>
</chart>
</charts>
</anychart>
</type>
#DATA#
</root>