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