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

用戶可以很簡(jiǎn)單的創(chuàng)建自鉆取地圖——只需要?jiǎng)?chuàng)建幾個(gè)地圖圖表 ( <chart plot_type="Map"> ) 節(jié)點(diǎn)，進(jìn)行命名，并提供所需的行動(dòng)。

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

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

》》》免費(fèi)下載AnyMap最新版

第一步：Northern America地圖設(shè)置

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

<?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>

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

調(diào)整交互選項(xiàng)

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

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

現(xiàn)在我們應(yīng)該關(guān)閉交互性選項(xiàng)未定義區(qū)域(只留下懸停選項(xiàng)定義區(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>

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

定義鉆取行為

我們將定義鉆取行為，需要添加行為節(jié)點(diǎn)到數(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>

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

第二步——Country Maps

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

總之,模板是圖表或地圖設(shè)置的一部分，所以我們將創(chuàng)建一個(gè)地圖模板，將定義一個(gè)返回Northern America Map按鈕，著色的地區(qū)，一些邊界設(shè)置和設(shè)置工具提示顯示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)在讓我們看一個(gè)示例Canada Country Map XML，您可以看到,我們僅僅設(shè)置了地圖名，定義的 ".amap" 文件和應(yīng)用的"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é)點(diǎn),將它們添加到<charts> 節(jié)點(diǎn)(別忘了添加<templates>到<anychart>節(jié)點(diǎn))，之后Northern America的鉆取地圖就完成了,你可以測(cè)試它并在預(yù)覽中查看完整的XML設(shè)置：