JS地图工具FusionMaps XT创建向下钻取链接

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

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

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

给地图定义链接

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

link='ShowDetails.asp%3FId%3D45' ...>

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

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

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

所有服务器端的脚本语言都提供一个类函数功能，以方便URL编译任何字符串---比如在ASP和ASP.NET就有Server.URLEncode(strURL) ，可以此类推。

XML Example:

1 2 3 4 5 6 7 8 9 10

<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"> </entity></entity></entity></entity></entity></entity></data> </map>

在新窗口打开链接

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

link='n-ShowDetails.asp%3FId%3D45' ...>

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

Example XML:

1 2 3 4 5 6 7 8 9 10

<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">    </entity></entity></entity></entity></entity></entity></data> </map>

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