AnyChart应用教程三在网页中嵌入flash地图.docxVIP

慧都控件网 慧都控件网 AnyChart应用教程三：在网页中嵌入flash地图 AnyChart 是一款灵活的基于Flash/JavaScript (HTML5) 的图表控件，可在网页上创建丰富的图表和地图类型，本教程将一步步为你讲解如何运用AnyChart创建flash地图。 创建一个网页 首先需要一个普通的包含Flash对象的HTML页面，把它放在网站的某些文件夹里。在IIS wwwroot 文件夹中创建AnyChartTest 文件夹，结构如下： /AnyChartTest /swf AnyChart.swf states.amap /js AnyChart.js anychart.xml anychart.html 选择地图数据和地图风格 地图数据需包含一个XML文件，它决定地图将如何显示，显示什么地图等。假设我们要显示一张彩色的USA地图。这个地图存储在states.amap文件中（amap文件是AnyChart存储地图数据的专有格式）。 要显示地图，首先创建XML设置文件，示例代码如下： ?xml version=1.0 encoding=UTF-8? anychart charts chart plot_type=Map chart_settings title textUSA Map/text /title /chart_settings data_plot_settings map_series source=states.amap projection type=mercator / undefined_map_region palette=default label_settings enabled=True / /undefined_map_region /map_series /data_plot_settings /chart /charts /anychart 打开AnyChartTest文件夹中的anychart.xml，并将上面这段代码粘贴进去。 设置地图标题文本： title textUSA Map/text /title 将 states.amap文件设置为地图源： map_series source=states.amap / 将地图对象设置为Mercator，设置各大州的颜色，启用所有区域的标签： map_series source=states.amap projection type=mercator / undefined_map_region palette=default label_settings enabled=True / /undefined_map_region /map_series HTML文件结构 将以下代码复制粘贴到anychart.html： html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleAnyChart Sample Flash Map /title script type=text/javascript language=javascript src=./js/AnyChart.js/script /head body script type=text/javascript language=javascript //![CDATA[ var chart = new AnyChart( ./swf/AnyChart.swf); chart.width = 600; chart.height = 450; chart.setXMLFile(./anychart.xml); chart.write(); //]] /script /body /html 在Web浏览器中启动html页面，有两种方式： http://localhost/AnyChartTest/anychart.html 或 C:\Inetpub\wwwroot\AnyChartTest\anychart.html 效果如下： （慧都控