雷达插件html,Radar–官方插件–krpano教程 | 域图新视界

插件说明：

• 雷达插件可显示当前全景方向.

• 一般作为子layer位于一张地图片内，作为地图上热点上的方向标注. 通过 maskchildren="true" 让雷达只显示于蒙版内，不超出地图.

• 雷达的方向可以通过鼠标拖动(使用 enabled="false"可以禁止拖动).

• 雷达样式和大小可以通过插件属性调整.

语法：

url.flash="radar.swf"

url.html5="radar.js"

parent="map"

align="lefttop"

edge="center"

x="100" y="50"

scale="5.0"

heading="0.0"

headingoffset="90.0"

fillcolor="0xFFFFFF"

fillalpha="0.5"

linewidth="0.0"

linecolor="0xFFFFFF"

linealpha="0.3"

invert="false"

/>

通过动作动态设置heading 和 x/y 位置:

set(plugin[radar].x, 203);

set(plugin[radar].y, 555);

set(plugin[radar].heading, 91.8);

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

url.flash="radar.swf"

url.html5="radar.js"

parent="map"

align="lefttop"

edge="center"

x="100"y="50"

scale="5.0"

heading="0.0"

headingoffset="90.0"

fillcolor="0xFFFFFF"

fillalpha="0.5"

linewidth="0.0"

linecolor="0xFFFFFF"

linealpha="0.3"

invert="false"

/>

通过动作动态设置heading和x/y位置:

set(plugin[radar].x,203);

set(plugin[radar].y,555);

set(plugin[radar].heading,91.8);

插件属性：

•heading

◦雷达默认打开的朝向角度，0-360, default=0.

• headingoffset

◦设置heading的偏移值.

◦默认是90, 也就是说默认方向时3点钟方向，偏移90就归0了，正北方.

• fillcolor

◦填充亚瑟, default=0xFFFFFF.

• fillalpha

◦透明度, default=0.5.

• linecolor

◦边框颜色, default=0xFFFFFF.

• linewidth

◦边框宽度, default=0.

• linealpha

◦填充颜色渐变参数, default=0.3.

• invert

◦ 反转雷达维度, default=false.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

•heading

◦雷达默认打开的朝向角度，0-360,default=0.

•headingoffset

◦设置heading的偏移值.

◦默认是90,也就是说默认方向时3点钟方向，偏移90就归0了，正北方.

•fillcolor

◦填充亚瑟,default=0xFFFFFF.

•fillalpha

◦透明度,default=0.5.

•linecolor

◦边框颜色,default=0xFFFFFF.

•linewidth

◦边框宽度,default=0.

•linealpha

◦填充颜色渐变参数,default=0.3.

•invert

◦反转雷达维度,default=false.

插件定位与全景方向：

各个场景的默认方向不一样，所以各个雷达跳转对应的场景必须通过heading参数调整来校正默认打开方向，这样雷达方位才可以随着场景旋转而正确朝向旋转。

雷达插件的具体用法，可以观看我们域图视频教程关于插入导航图的章节。

插件源码：

本插件代码开源，需要研究的可以自行下载。