亚洲国产精品白丝观看,中文字幕精品一区二,国产精品天天在线午夜更新

用JavaScript地圖工具FusionMaps繪制你的第一張世界地圖

原創(chuàng)|使用教程|編輯：龔雪|2014-04-15 10:01:29.000|閱讀 4195 次

概述：本篇詳細(xì)說明了如何用FusionMaps XT制作一張世界各州人口分布圖，簡單易懂，為FusionMaps 的初學(xué)者提供學(xué)習(xí)資源。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

學(xué)習(xí)用FusionMaps XT制作地圖我們首先從制作一張世界各大洲人口分布圖開始。地圖制作完成后就是下圖的樣子（當(dāng)然，其交互性和動(dòng)畫效果不能通過圖片展示):

跟著下面的指示一步步操作吧：

1、首先在硬盤上新建一個(gè)名為LearningFusionMapsXT的文件夾。我們將把這個(gè)文件夾用作根文件夾存儲(chǔ)所有 FusionMaps XT例子。

2、再在根文件夾內(nèi)創(chuàng)建一個(gè)名為MyFirstMap的文件夾，然后在這個(gè)文件夾內(nèi)再新建一個(gè)名為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)建一個(gè)XML文件，名為Data.xml.。

6、將下列代碼復(fù)制到Data.xml文件，這是代碼后面人口數(shù)據(jù)XML化的的結(jié)果。

各州人口數(shù)據(jù)：

7，在MyFirstMap文件夾新建一個(gè)HTML文件（使用文本編輯器如記事本，TextMate等，或是你所使用的web開發(fā)軟件），將下列代碼復(fù)制粘貼到HTML文件中并保存為FirstMap.html。

完成后，將FirstMap.html在瀏覽器中打開，你會(huì)看到一張動(dòng)態(tài)的世界地圖。

同樣的代碼還可以用JavaScript渲染出來。只需要把文件名中的.swf后綴和現(xiàn)成代碼中的 swf file的路徑去掉。修改后的代碼看起來就是var myMap = new FusionCharts ("World", "MyMapId", "750", "400", "0")，一個(gè)JavaScript世界地圖就生成了。

標(biāo)簽：JavaScript HTML5 圖表數(shù)據(jù)可視化地圖工具 FusionMaps

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都控件網(wǎng)

上一篇：BCGControlBar常見GUI示例匯總（附下載）下一篇：JavaScript地圖工具FusionMaps 標(biāo)準(zhǔn)XML文檔及參數(shù)