Flash地圖控件AnyMap允許用戶使用兩種不同的方法創(chuàng)建鉆取圖——使用AnyChart JavaScript庫和使用AnyChart Dashboard功能。

用戶可以很簡單的創(chuàng)建自鉆取地圖—&mdash;只需要創(chuàng)建幾個地圖圖表 ( <chart plot_type="Map"> ) 節(jié)點，進行命名，并提供所需的行動。

在本文的這個示例中，我們將創(chuàng)建一個北美自鉆取圖，示例中的鉆取功能僅限于USA、Canada、Mexico和Greenland等國家地圖，其他國家將被禁用鉆取功能。

我們將使用下面的".amap"文件：Northern America、USA、Canada、Mexico and Greenland。

》》》免費下載AnyMap最新版

第一步：Northern America地圖設置

首先,我們將創(chuàng)建主圖,這將顯示第一個圖表——美國北部的地圖:

<?xml version="1.0" encoding="UTF-8"?>
<anychart>
  <charts>
    <chart plot_type="Map" name="Northern America">
      <chart_settings>
        <title>
          <text>Map of the Northern America</text>
        </title>
        <chart_background enabled="false" />
        <data_plot_background enabled="false" />
      </chart_settings>
      <data_plot_settings>
        <map_series source="world/north_america.amap">
          <projection type="orthographic" />
        </map_series>
      </data_plot_settings>
    </chart>
  </charts>
</anychart>

通過這些設置我們將創(chuàng)建如下地圖：

調(diào)整交互選項

在這里我們假設只使用USA、Canada、Greenland和Mexico并禁用其他國家，所以我們將添加一系列點，對應于選定的國家——這地區(qū)將成為"defined"(調(diào)色板是用來自動著色)：

<data>
  <series>
    <point name="United States" />
    <point name="Canada" />
    <point name="Mexico" />
    <point name="Greenland" />
  </series>
</data>

現(xiàn)在我們應該關閉交互性選項未定義區(qū)域(只留下懸停選項定義區(qū)域)：

<map_series source="world/north_america.amap" id_column="REGION_NAME">
  <undefined_map_region>
    <interactivity allow_select="false" hoverable="false" use_hand_cursor="false" />
  </undefined_map_region>
  <defined_map_region>
    <interactivity allow_select="false" />
  </defined_map_region>
</map_series>

讓我們看一個中間結果，選定的國家已經(jīng)被設為彩色，并且懸停和可選擇的，其他國家已經(jīng)被禁用：

定義鉆取行為

我們將定義鉆取行為，需要添加行為節(jié)點到數(shù)據(jù)部分，如：

<data>
  <actions>
    <action type="updateChart" source_mode="internalData" source="{%REGION_NAME}" />
  </actions>
  <series palette="Default">
    <point name="United States" />
    <point name="Canada" />
    <point name="Mexico" />
    <point name="Greenland" />
  </series>
</data>

 這個行為意味著當用戶點擊任何已定義的地區(qū)，當前的圖表將被替換為當前XML文件的另一個圖表，并且圖表的名稱應當與Northern America Map Reference中的REGION_NA的列值一致。

第二步——Country Maps

Country Maps將有非常類似的設置，并避免重復我們將創(chuàng)建一個模板，然后將它應用于所有國家地圖。

總之,模板是圖表或地圖設置的一部分，所以我們將創(chuàng)建一個地圖模板，將定義一個返回Northern America Map按鈕，著色的地區(qū)，一些邊界設置和設置工具提示顯示Region Names：

<templates>
  <template name="SubRegion">
    <chart plot_type="Map">
      <chart_settings>
        <chart_background enabled="false" />
        <data_plot_background enabled="false" />
        <footer enabled="true">
          <text>Back to Northern America Map</text>
          <actions>
            <action type="updateChart" source_mode="internalData" source="Northern America" />
          </actions>
        </footer>
      </chart_settings>
      <data_plot_settings>
        <map_series>
          <projection flag="true" />
          <undefined_map_region palette="Default">
            <tooltip_settings enabled="true">
              <format>{%REGION_NAME}</format>
            </tooltip_settings>
          </undefined_map_region>
        </map_series>
      </data_plot_settings>
    </chart>
  </template>
</templates>

現(xiàn)在讓我們看一個示例Canada Country Map XML，您可以看到,我們僅僅設置了地圖名，定義的 ".amap" 文件和應用的"SubRegion"模板：

<chart plot_type="Map" name="Canada" template="SubRegion">
  <chart_settings>
    <title>
      <text>Canada</text>
    </title>
  </chart_settings>
  <data_plot_settings>
    <map_series source="north_america/canada.amap" />
  </data_plot_settings>
</chart>

最后,Northern America的鉆取地圖就完成了：

現(xiàn)在我們可以為Mexico、USA和Greenland創(chuàng)建相同的<chart>節(jié)點,將它們添加到<charts> 節(jié)點(別忘了添加<templates>到<anychart>節(jié)點)，之后Northern America的鉆取地圖就完成了,你可以測試它并在預覽中查看完整的XML設置：