原創|使用教程|編輯:龔雪|2014-04-15 10:01:29.000|閱讀 4195 次
概述:本篇詳細說明了如何用FusionMaps XT制作一張世界各州人口分布圖,簡單易懂,為FusionMaps 的初學者提供學習資源。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
學習用FusionMaps XT制作地圖我們首先從制作一張世界各大洲人口分布圖開始。地圖制作完成后就是下圖的樣子(當然,其交互性和動畫效果不能通過圖片展示):
跟著下面的指示一步步操作吧:
1、首先在硬盤上新建一個名為LearningFusionMapsXT的文件夾。我們將把這個文件夾用作根文件夾存儲所有 FusionMaps XT例子。
2、再在根文件夾內創建一個名為MyFirstMap的文件夾,然后在這個文件夾內再新建一個名為Maps的文件夾。
3、將FCMap_World.swf 和 FusionCharts.HC.world.js文件從Download Pack > Maps復制到MyFirstMap > Maps。
4、將Copy FusionCharts.js, FusionCharts.HC.js, FusionCharts.HC.Maps.js 和 jquery.min.js 文件從Download Pack >Maps復制到MyFirstMap > Maps folder。
5、在MyFirstMap文件夾內創建一個XML文件,名為Data.xml.。
6、將下列代碼復制到Data.xml文件,這是代碼后面人口數據XML化的的結果。
各州人口數據:
7,在MyFirstMap文件夾新建一個HTML文件(使用文本編輯器如記事本,TextMate等,或是你所使用的web開發軟件),將下列代碼復制粘貼到HTML文件中并保存為FirstMap.html。
完成后,將FirstMap.html在瀏覽器中打開,你會看到一張動態的世界地圖。
同樣的代碼還可以用JavaScript渲染出來。只需要把文件名中的.swf后綴和現成代碼中的 swf file的路徑去掉。修改后的代碼看起來就是var myMap = new FusionCharts ("World", "MyMapId", "750", "400", "0"),一個JavaScript世界地圖就生成了。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網