插件说明:
• 雷达插件可显示当前全景方向.
• 一般作为子layer位于一张地图片内,作为地图上热点上的方向标注. 通过 maskchildren="true" 让雷达只显示于蒙版内,不超出地图.
• 雷达的方向可以通过鼠标拖动(使用 enabled="false"可以禁止拖动).
• 雷达样式和大小可以通过插件属性调整.
语法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<plugin name="radar" 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 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参数调整来校正默认打开方向,这样雷达方位才可以随着场景旋转而正确朝向旋转。
雷达插件的具体用法,可以观看我们域图视频教程关于插入导航图的章节。
插件源码:
本插件代码开源,需要研究的可以自行下载。
radar_source.js (view) - download