日本高清美女网址,日韩在线综合另类,亚洲无码视频网站

Flash圖表AnyChart應(yīng)用教程三：在網(wǎng)頁中嵌入flash地圖

原創(chuàng)|其它|編輯：郝浩|2012-11-12 13:27:19.000|閱讀 1375 次

概述：AnyChart 是一款靈活的基于Flash/JavaScript (HTML5) 的圖表控件，可在網(wǎng)頁上創(chuàng)建豐富的圖表和地圖類型，本教程將一步步為你講解如何運(yùn)用AnyChart創(chuàng)建flash地圖。

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

相關(guān)鏈接：

AnyChart 是一款靈活的基于Flash/JavaScript (HTML5) 的圖表控件，可在網(wǎng)頁上創(chuàng)建豐富的圖表和地圖類型，本教程將一步步為你講解如何運(yùn)用AnyChart創(chuàng)建flash地圖。

創(chuàng)建一個(gè)網(wǎng)頁

首先需要一個(gè)普通的包含F(xiàn)lash對(duì)象的HTML頁面，把它放在網(wǎng)站的某些文件夾里。在IIS wwwroot 文件夾中創(chuàng)建AnyChartTest 文件夾，結(jié)構(gòu)如下：

/AnyChartTest
         /swf
                  AnyChart.swf
                  states.amap
         /js
                  AnyChart.js
        anychart.xml
    ;    anychart.html

選擇地圖數(shù)據(jù)和地圖風(fēng)格

地圖數(shù)據(jù)需包含一個(gè)XML文件，它決定地圖將如何顯示，顯示什么地圖等。假設(shè)我們要顯示一張彩色的USA地圖。這個(gè)地圖存儲(chǔ)在states.amap文件中（amap文件是AnyChart存儲(chǔ)地圖數(shù)據(jù)的專有格式）。

要顯示地圖，首先創(chuàng)建XML設(shè)置文件，示例代碼如下：

<?xml version="1.0" encoding="UTF-8"?>
<anychart>
  <charts>
    <chart plot_type="Map">
      <chart_settings>
        <title>
          <text>USA 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，并將上面這段代碼粘貼進(jìn)去。

設(shè)置地圖標(biāo)題文本：

<title>
  <text>USA Map</text>
</title>

將 "states.amap"文件設(shè)置為地圖源：

<map_series source="states.amap" />

將地圖對(duì)象設(shè)置為Mercator，設(shè)置各大州的顏色，啟用所有區(qū)域的標(biāo)簽：

<map_series source="states.amap">
  <projection type="mercator" />
  <undefined_map_region palette="default">
    <label_settings enabled="True" />
  </undefined_map_region>
</map_series>

HTML文件結(jié)構(gòu)

將以下代碼復(fù)制粘貼到anychart.html：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>AnyChart 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瀏覽器中啟動(dòng)html頁面，有兩種方式：

//localhost/AnyChartTest/anychart.html
或
C:\Inetpub\wwwroot\AnyChartTest\anychart.html

效果如下：

標(biāo)簽：

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

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

上一篇：Flash圖表組件FusionCharts幫助文檔六：在地圖上作標(biāo)記下一篇：如何在Spread ASP.NET中創(chuàng)建多行列表頭