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

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

先給出示例代碼：

<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ù)，然后自定義地圖標(biāo)記，每個(gè)標(biāo)記都有一個(gè)ID,x,y和標(biāo)簽。我們用一個(gè)圖形標(biāo)記器顯示地圖上的每個(gè)標(biāo)記。

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

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

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