半岛权威十大直营(官方)网站

学习用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世界地图就生成了。