FusionMaps v3.0能夠幫助你給動態網頁添加動畫的、交互的以及數據驅動的 Flash Maps這些圖片是由XML數據源驅動，并且可以被整合到任何腳本技術 (ASP.NET, ASP, PHP, JSP, CF等)以及數據庫中。

隨著信息化的高度發展，地域統計圖成為了一個重要需求。很多報表目前沒有地域統計圖，但幸好，FusionMaps提供了優秀的flash統計圖，以快逸報表為例，它可以很容易的集成FusionMaps，輕松實現地域統計圖。 

快逸報表集成FusionMaps的原理與FusionCharts一致。 

準備工作 

1：首先從官方網站下載swf文件(Ready to use maps)，以及FusionMaps.js文件 

2：準備xml文件，可參考FusionMaps介紹及常用功能文章 

集成工作 

以快逸demo應用為例 

1：首先復制swf文件到demo目錄下 

2：復制所需要的js到demo應用下 

3：創建raq文件fc.raq，集成中國地圖 

內容為：

div id=”mapdiv” align=”center”> 

China map 

</div> 

<script type=”text/javascript”> 

// FCMap_China2.swf為包含臺灣在內的中國地圖 

var map = new FusionMaps(“../FusionMap/FCMap_China2.swf”, “Map1Id”, “500″, “360″, “0″, “0″); 

map.setDataURL(“china.xml”); 

map.render(“mapdiv”); 

</script> 

China.xml內容為： 

<map showShadow=’1′ showBevel=’1′ showMarkerLabels=’1′ fillColor=’F0FAFF’ borderColor=’330000′ baseFont=’Verdana’ baseFontSize=’12′ markerBorderColor=’000000′ markerBgColor=’FF5904′ markerRadius=’6′ legendPosition=’bottom’ useHoverColor=’1′ showMarkerToolTip=’1′ showCanvasBorder=’0′ canvasBorderColor=’f1f1f1′ canvasBorderThickness=’2′ borderColor=’00324A’ hoverColor=’C0D2F8′>  

<entityDef> 

            <entity internalId=’CN.BJ’ newId=’BJ’ sName=’北京‘ lName=’中國北京‘/>      

</entityDef> 


<data> 

        <entity id=’BJ’ displayValue=’北京‘ color=’FEFFFF’ link=”n-../reportJsp/showReport.jsp?raq=ordersinfo.raq&city=北京“/>  

        <entity id=’CN.AH’ displayValue=’安徽‘ color=’EFFFFF’/>  

        <entity id=’CN.CQ’ displayValue=’重慶‘ color=’FFEFFF’ />  

        <entity id=’CN.FJ’ displayValue=’福建‘ color=’FFFEFF’ />  

        <entity id=’CN.GS’ displayValue=’甘肅‘ color=’FFFFFF’ />  

        <entity id=’CN.GD’ displayValue=’廣東‘ color=’FFFFFF’ />  

        <entity id=’CN.GX’ displayValue=’廣西‘ color=’FFFFFF’ />  

        <entity id=’CN.GZ’ displayValue=’貴州‘ color=’FFFFFF’ />  

        <entity id=’CN.HA’ displayValue=’海南‘ color=’FFFFFF’ />  

        <entity id=’CN.HB’ displayValue=’河北‘ color=’FFFFFF’ />  

        <entity id=’CN.HE’ displayValue=’河南‘ color=’FFFFFF’ />  

        <entity id=’CN.HU’ displayValue=’湖北‘ color=’FFFFFF’ />  

        <entity id=’CN.HL’ displayValue=’黑龍江‘ color=’FFFFFF’ />  

        <entity id=’CN.HN’ displayValue=’湖南‘ color=’FFFFFF’ />  

        <entity id=’CN.JS’ displayValue=’江蘇‘ color=’FFFFFF’ />  

        <entity id=’CN.JX’ displayValue=’江西‘ color=’FFFFFF’ />  

        <entity id=’CN.JL’ displayValue=’吉林‘ color=’FFFFFF’ />  

        <entity id=’CN.LN’ displayValue=’遼寧‘ color=’FFFFFF’ />  

        <entity id=’CN.NM’ displayValue=’內蒙古‘ color=’FFFFFF’ />  

        <entity id=’CN.NX’ displayValue=’寧夏‘ color=’FFFFFF’ />  

        <entity id=’CN.QH’ displayValue=’青海‘ color=’FFFFFF’ />  

        <entity id=’CN.SA’ displayValue=’山西‘ color=’FFFFFF’ />  

        <entity id=’CN.SD’ displayValue=’山東‘ color=’FFFFFF’ />  

        <entity id=’CN.SH’ displayValue=’上海‘ color=’FFFFFF’ />  

        <entity id=’CN.SX’ displayValue=’陜西‘ color=’FFFFFF’ />  

        <entity id=’CN.SC’ displayValue=’四川‘ color=’FFFFFF’ />  

        <entity id=’CN.TJ’ displayValue=’天津‘ color=’FFFFFF’ />  

        <entity id=’CN.XJ’ displayValue=’新疆‘ color=’FFFFFF’ />  

        <entity id=’CN.XZ’ displayValue=’西藏‘ color=’FFFFFF’ />  

        <entity id=’CN.YN’ displayValue=’云南‘  color=’FFFFFF’ />  

        <entity id=’CN.ZJ’ displayValue=’浙江‘ color=’FFFFFF’ />  

        <entity id=’CN.MA’ displayValue=’澳門‘ color=’FFFFFF’ />  

        <entity id=’CN.HK’ displayValue=’香港‘ color=’FFFFFF’ />  

        <entity id=’CN.TA’ displayValue=’臺灣‘ color=’FFFFFF’ />  

</data> 

</map>  

4：修改showReport.jsp文件，引入fusionmaps.js 

5：效果圖 

點擊北京地區，新彈出一個頁面，內容如下： 

總結： 

整體來看，快逸報表集成FusionMaps非常簡單，如果需要更加靈活的在統計圖中顯示地區的某些統計值，只需要在展示之前，后臺修改xml靈活賦值即可。