半岛权威十大直营(官方)网站

使用FusionMaps XT可以轻松创建向下展开地图。 所有FusionMaps XT 的地图都支持向下展开。利用FusionMaps XT的向下展开功能可以轻松制作具备“向下展开”和“放大” 功能的地图。 而地图的所有实体、标签和连接器都可以有展开链接。

使用FusionMaps XT可以对下列几种类型的地图实体和标签链接进行定义：

• 在同一个页面中打开的简单的链接
• 在新的页面中打开的简单链接
• 在指定框架内打开的链接
• 在弹出窗口中打开的链接
• 现有的JavaScript 功能 (在相同页面) 被当做链接调用

给地图定义链接

给任一数据节点定义一个简单链接，只需定义<entity>元素的链接属性：

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

如上列举的XML，当点击实体时将跳转到ShowDetails.asp?Id=45页面。

同样的，为一个标签定义链接， 添加链接属性到<marker> 元素 (  <application>元素的子元素)。要注意，链接应当应用到marker application元素而不是marker definition 元素。

如你所见，上述链接都是URL编码的。 FusionMaps XT 里，所有链接都是URL编译格式。当用户点击链接时，FusionMaps XT就会自动解码并调用ShowDetails.asp?Id=45。

所有服务器端的脚本语言都提供一个类函数功能，以方便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' ...>

这样，点击链接就会打开一个新窗口。

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>

》》》点击下载FusionMaps XT最新试用版