Can you advise whay the PNG m,ap I have is not showing the color range as set by the xml below:
<map numberPrefix='$' baseFontSize='9' fillAlpha='70' hoverColor='639ACE'>
<colorRange>
<color minValue='0' maxValue='10000' displayValue='Very Low Sales' color='B80000' />
<color minValue='10000' maxValue='20000' displayValue='Moderate Sales' color='FFCC33' />
<color minValue='20000' maxValue='50000' displayValue='High Sales' color='008200' />
</colorRange>
<data>
<entity id='North Solomons' value='5150' />
<entity id='002' value='10515' />
<entity id='003' value='4310' />
<entity id='004' value='12000' />
<entity id='005' value='8900' />
<entity id='006' value='6515' />
<entity id='007' value='7000' />
<entity id='008' value='12515' />
<entity id='009' value='18000' />
<entity id='010' value='3412' />
<entity id='011' value='7867' />
<entity id='012' value='9800' />
<entity id='013' value='34000' />
<entity id='014' value='38000' />
<entity id='015' value='12390' />
<entity id='016' value='11000' />
<entity id='017' value='8767' />
<entity id='016' value='11000' />
<entity id='017' value='8767' />
</data>
<styles>
<definition>
<style type="animation" name="animX" param="_xscale" start="0" duration="1" />
<style type="animation" name="animY" param="_yscale" start="0" duration="1" />
</definition>
<application>
<apply toObject="PLOT" styles="animX,animY" />
</application>
</styles>
</map>
Html Below:
<link rel="stylesheet" href="Style.css" type="text/css" />
<script language="JavaScript" src="FusionMaps.js"></script>
</head>
<body>
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td valign="top" class="text" align="center">
<div id="mapdiv" align="center">
FusionMaps.
</div>
<script type="text/javascript">
var map = new FusionMaps("Charts/FCMap_PapuaNewGuinea.swf", "Map1Id", "900", "400", "0", "0");
map.setDataURL("Data/png.xml");
map.render("mapdiv");
</script>
</td>
</tr>
</table>
</body>
</html>
Thanks