使用FusionMaps XT可以輕松創(chuàng)建向下展開地圖。 所有FusionMaps XT 的地圖都支持向下展開。利用FusionMaps XT的向下展開功能可以輕松制作具備“向下展開”和“放大” 功能的地圖。 而地圖的所有實(shí)體、標(biāo)簽和連接器都可以有展開鏈接。

使用FusionMaps XT可以對下列幾種類型的地圖實(shí)體和標(biāo)簽鏈接進(jìn)行定義：

• 在同一個(gè)頁面中打開的簡單的鏈接
• 在新的頁面中打開的簡單鏈接
• 在指定框架內(nèi)打開的鏈接
• 在彈出窗口中打開的鏈接
• 現(xiàn)有的JavaScript 功能 (在相同頁面) 被當(dāng)做鏈接調(diào)用

給地圖定義鏈接

給任一數(shù)據(jù)節(jié)點(diǎn)定義一個(gè)簡單鏈接，只需定義<entity>元素的鏈接屬性：

<entity... value='2235' ... link='ShowDetails.asp%3FId%3D45' ...>

如上列舉的XML，當(dāng)點(diǎn)擊實(shí)體時(shí)將跳轉(zhuǎn)到ShowDetails.asp?Id=45頁面。

同樣的，為一個(gè)標(biāo)簽定義鏈接， 添加鏈接屬性到<marker> 元素 (  <application>元素的子元素)。要注意，鏈接應(yīng)當(dāng)應(yīng)用到marker application元素而不是marker definition 元素。

如你所見，上述鏈接都是URL編碼的。 FusionMaps XT 里，所有鏈接都是URL編譯格式。當(dāng)用戶點(diǎn)擊鏈接時(shí)，F(xiàn)usionMaps XT就會(huì)自動(dòng)解碼并調(diào)用ShowDetails.asp?Id=45。

所有服務(wù)器端的腳本語言都提供一個(gè)類函數(shù)功能，以方便URL編譯任何字符串---比如在ASP和ASP.NET就有Server.URLEncode(strURL) ，可以此類推。

XML Example:

<map borderColor='005879' fillColor='D7F4FF' numberSuffix=' Mill.' includeValueInLabels='1' labelSepChar=': ' baseFontSize='9'>
   <data>
      <entity id='NA' value='515' link='DemoLinkPages/DemoLink1.html'/>
      <entity id='SA' value='373' link='DemoLinkPages/DemoLink2.html'/>
      <entity id='AS' value='3875' link='DemoLinkPages/DemoLink3.html'/>
      <entity id='EU' value='727' link='DemoLinkPages/DemoLink4.html'/>
      <entity id='AF' value='885' link='DemoLinkPages/DemoLink5.html'/>
      <entity id='AU' value='32' link='DemoLinkPages/DemoLink6.html'/>
</data> 
</map>

在新窗口打開鏈接

通常情形下，我們都希望在新窗口打開鏈接。 方法就是在鏈接前添加“n-”。例如：

<entity ... value='2235' ... link='n-ShowDetails.asp%3FId%3D45' ...>

這樣，點(diǎn)擊鏈接就會(huì)打開一個(gè)新窗口。

Example XML:

<map borderColor='005879' fillColor='D7F4FF' numberSuffix=' Mill.' includeValueInLabels='1' labelSepChar=': ' baseFontSize='9'>
   <data>
      <entity id='NA' value='515' link='n-DemoLinkPages/DemoLink1.html'/>
      <entity id='SA' value='373' link='n-DemoLinkPages/DemoLink2.html'/>
      <entity id='AS' value='3875' link='n-DemoLinkPages/DemoLink3.html'/>
      <entity id='EU' value='727' link='n-DemoLinkPages/DemoLink4.html'/>
      <entity id='AF' value='885' link='n-DemoLinkPages/DemoLink5.html'/>
      <entity id='AU' value='32' link='n-DemoLinkPages/DemoLink6.html'/>
   </data>
</map>

》》》點(diǎn)擊下載FusionMaps XT最新試用版