在運用 FusionCharts 繪制地圖時，我們常常需要在地圖上作一些標記，這可以通過標記連接器(Marker Connectors)來實現(xiàn)。

標記連接器可在地圖上連接任意兩個已定義的標記，展示自定義標簽，鏈接到外部URLs，展示連接器的工具條，并自定義所有的裝扮。下面將為你講解如何定義和使用標記連接器。

先給出示例代碼：

<map showShadow='0' showBevel='0' showMarkerLabels='0' useHoverColor='0' 
      showLabels='0' showCanvasBorder='0' mapRightMargin='0' 
      fillColor='AFCED9' bordercolor='FFFFFF' markerBgColor='00577F' 
      animation='1' markerBorderColor='00577F' markerRadius='3' 
      showTooltip='0' showMarkerTooltip='1'> 
 ... Map Data here ... 
 
 <markers>
    <definition>
       <marker id='SE' x='35.34' y='50.56' label='Seattle' /> 
       <marker id='CO' x=' 525.85' y='172.94' label='Columbus' />
       <marker id='MA' x='444.94' y='119.34' label='Madison' />
       <marker id='LA' x='81.86' y=' 257.89' label='Los Angeles' />
       <marker id='SLC' x='163.79' y='156.76' label='Salt Lake City' />
       <marker id='KC' x='383.25' y='183.05 ' label='Kansas City' />
       <marker id='AT' x='508.66' y='267' label='Atlanta' />
       <marker id='CH' x='467.19' y='139.56' label='Chicago' /> 
       <marker id='OK' x='344.82' y='236.65' label='Oklahoma City' />
       <marker id='NO' x='432.81' y='314.53' label='New Orleans' /> 
    </definition> 
    <shapes>
       <shape id='Icon' type='image' URL='Resources/PlaneIcon.gif'/>
    </shapes>
    <application> 
       <marker id='SE' shapeId='Icon' /> 
       <marker id='SP' shapeId='Icon' />
       <marker id='CO' shapeId='Icon' />
       <marker id='MA' shapeId='Icon' />
       <marker id='LA' shapeId='Icon' /> 
       <marker id='SLC' shapeId='Icon' />
       <marker id='KC' shapeId='Icon' /> 
       <marker id='AT' shapeId='Icon' />
       <marker id='CH' shapeId='Icon' /> 
       <marker id='OK' shapeId='Icon' />
       <marker id='NO' shapeId='Icon' /> 
    </application>
    <connectors>
       <connector from='SE' to='SLC' toolText='Seattle - Salt Lake City: 689 miles' 
                  dashed='1' color='00577F' alpha='40'/> 
       <connector from='CH' to='AT' toolText='Chicago - Atlanta: 606 miles' 
                  dashed='1' color='00577F' alpha='40'/>
       <connector from='SE' to='LA' toolText='Seattle - Los Angeles: 954 miles' 
                  dashed='1' color='00577F' alpha='40'/> 
       <connector from='AT' to='LA' toolText='Atlanta - Los Angeles: 1946 miles' 
                  dashed='1' color='00577F' alpha='40'/>
       <connector from='LA' to='NO' toolText='Los Angeles - New Orleans: 1645 miles' 
                  dashed='1' color='00577F' alpha='40'/> 
       <connector from='KC' to='MA' toolText='Kansas City - Madison: 381 miles' 
                  dashed='1' color='00577F' alpha='40'/>
       <connector from='SE' to='OK' toolText='Seattle - Oklahoma City: 1499 miles' 
                  dashed='1' color='00577F' alpha='40'/> 
       <connector from='MA' to='SE' toolText='Madison - Seattle: 1595 miles' 
                  dashed='1' color='00577F' alpha='40'/>
       <connector from='KC' to='SLC' toolText='Kansas City - Salt Lake City: 905 miles' 
                  dashed='1' color='00577F' alpha='40'/> 
       <connector from='SLC' to='CH' toolText='Salt Lake City - Chicago: 1239 miles' 
                  dashed='1' color='00577F' alpha='40'/>
       <connector from='CO' to='SLC' toolText='Columbus - Salt Lake City: 1575 miles' 
                  dashed='1' color='00577F' alpha='40'/> 
       <connector from='NO' to='CO' toolText='New Orleans - Columbus: 355 miles' 
                  dashed='1' color='00577F' alpha='40'/>
       <connector from='OK' to='CH' toolText='Oklahomo City - Chicago: 682 miles' 
                  dashed='1' color='00577F' alpha='40'/> 
    </connectors>
  </markers>
</map>

首先我們定義了map屬性和map的數(shù)據(jù)，然后自定義地圖標記，每個標記都有一個ID,x,y和標簽。我們用一個圖形標記器顯示地圖上的每個標記。

在這個XML中，新引入一個<connectors>元素，你可以在它下面找到多個子元素，每一個connector元素連接兩個定義了的標記。要定義連接機制，代碼如下：

 <connector from='From_Marker_ID' to='To_Marker_Id' .../>

下圖在美國地圖上定義了幾個城市并通過標記連接器將它們連接了起來：