使用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
>
|