Help to overcome 32K XML limit for Anychart Map

Question

Hello,
Apex version 4.2.0.00.27
I am creating a heat map using the Anychart maps and have chosen to use the "Use custom XML" option in the Map Attributes to control the map being generated. However, I have hit a 32K limit for 'Custom XML' that is being passed to the Map.
A sample of the XML is:
<?xml version="1.0" encoding="UTF-8"?>
<anychart>
<charts>
<chart plot_type="Map">
<b>&P_MAPXML.</b>
<palettes>
</palettes>
</chart>
</charts>
</anychart>
I am using a procedure to generate the required XML and have created an Application Item (P_MAPXML) to hold the data. When P_MAPXML along with the enclosing XML is less than 32K then map dispalys correctly. If the XML generated is more than 32K then an error occurs as it truncates P_MAPXML and the Custom XML is no longer well formed.
There is a workaound via an old thread AnyChart gantt with custom xml and more then 32k but I was wondering is there a more upto date solution.
Edited by: user11899724 on 15-Apr-2013 04:45

Answer 1

Thanks Hiliary,
I soldiered on before I saw your reply.
I basically wanted an example of the minimum necessary to display an Anychart Map via the javascript method as there seemed to be issues with the examples that were on the forums not least assuming that every step was understood.
Anyway below I have put steps together just to display an Anychart Map and then along with your example above or the others from the Forum it can be customized to display dynamic data.
1. Create a new page within Apex
i) Under Application choose Create Page -> Blank Page -> Page Alias - (type: WorldMap) -> Name (type: World Map) -> ->Finish
2) Click Edit Page
3) Right Click on Region , Choose Create -> Click PL/Sql Dynamic Content ->Title (type: World Map) ->
Under Pl/SQL Source cut and paste the following:
<pre>
htp.prn('<textarea cols="500" rows="100" id="rowData" style="display:none">');
htp.prn('<anychart>
<charts>
<chart plot_type="Map">
<chart_settings>
<title enabled="true"><text>World Map</text></title>
<chart_background enabled="false"/>
<data_plot_background enabled="false"/>               
</chart_settings>
<data_plot_settings>
<map_series source="world/world.amap">
<projection type="Mercator" centroid_x="10.4515266418457" centroid_y="51.1656913757324"/>
<undefined_map_region>
     <tooltip_settings enabled="true">
               <format>{%REGION_NAME}</format>
          </tooltip_settings>          
          <label_settings enabled="true">
               <format>{%REGION_NAME}</format>
          </label_settings>          
     </undefined_map_region>
     </map_series>
</data_plot_settings>                    
<data>
</data>
</chart>
</charts>
</anychart>');
htp.prn('</textarea>');
-- Line below seems to be coming out blank, should be:"<!-- htp.prn('<div id="chartMap"></div>'); " -->
htp.prn('<div id="chartMap"></div>');
htp.prn('<script type="text/javascript" language="javascript" src="/i/flashchart/js/AnyChart.js"></script>
<script type="text/javascript" language="javascript">
AnyChart.swfFile = ''/i/flashchart/swf/AnyChart.swf'';
var chart = new AnyChart();
chart.width = "800";
chart.height = "400";
var data = document.getElementById("rowData").value.toString();
chart.setData(data);
chart.write("chartMap");
// alert(data);
</script>');
</pre>
Click Create Region
4) Run the Page.
If all is well it shoulld display the World Map, just be careful with the div tag line as that will need to added manually.
As said previously, there's lots of help on the forums about creating the dynamic content but this should be a good place to start, having a map that will display using that method.