日韩一级,日本不卡卡中文字幕在,日韩精品一区二区三区中

Flash地圖控件AnyMap使用教程：創建簡單地圖并嵌入到Web頁面中

原創|使用教程|編輯：郝浩|2013-06-20 13:35:43.000|閱讀 496 次

概述：AnyMap是一個靈活的用于創建地圖的控件,你可以輕松地使用它創建大量的地圖,本次的教程將向大家仔細講解如何創建一個簡單的地圖，并添加到Web頁面的具體步驟。

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

相關鏈接：

AnyMap是一個靈活的用于創建地圖的控件,你可以輕松地使用它創建大量的地圖,本次的教程將向大家仔細講解如何創建一個簡單的地圖，并添加到Web頁面的具體步驟。

》》》免費下載AnyMap最新版

創建一個Web頁面

首先我們需要一個普通的HTML頁面,該頁面需要包含一個Flash對象,并將它放到web站點下的文件夾中:以下面的結構在IIS wwwroot文件夾中創建AnyChartTest文件夾:

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

選擇地圖數據和它的視覺風格

首先需要一些數據來創建地圖——一個XML文件（決定圖表應該如何顯示地圖和哪個地圖需要顯示），Map地圖數據文件（包含地圖本身）。在這里假設我們想要展示簡單的彩色美國地圖。

我們吧這張地圖放置在states.amap file文件里面，/swf folder. amap文件是儲存地圖數據的專有格式。

我們需要創建XML設置文件使用這個文件并顯示地圖,如下所示:

<?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，并粘貼代碼。

XML結構看起來復雜,但是大多數的標簽是自我描述性的，用幾個XML語言就可以描述一切:

在<chart>節點我們設置設置一個"Map"情節類型——<chart plot_type="Map">;

在<chart_settings>節點描述了的圖表大致如下所示:

設置地圖標題文本：

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

在<data_plot_settings>設置"states.amap"文件用作源地圖(AnyChart包中有很多其它地圖——務必看完整個列表):

<map_series source="states.amap" />

以不同的顏色設置，并啟用所有地圖區域的狀態標簽:

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

將自定義數據添加到地圖：

使用AnyMap你可以附加任何自定義數據到任何地圖,然后使用這些數據來著色、標簽、工具提示傳說和自定義操作,具體的操作請關注另一篇教程：Flash地圖控件AnyMap使用教程：將數據附加到地圖。

HTML文件結構

這是在Web網頁上看到地圖所需要的最后一個步驟：

下面是需要粘貼到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>

只有粗體文本是html代碼,你需要將AnyChart Flash Map嵌入到HTML頁面。