FreedoX

Class: FdOverview

FdTools. FdOverview

鹰眼图（缩略图）

在图面添加鹰眼控件，在地图右下角（或手动设置其他地方）显示地图的缩略图

鹰眼图有两种模式：map2d（即2d地图） 和 leaflet， 默认使用 map2d。不支持修改 leaflet 地图的样式。

使用 leaflet 作为鹰眼地图时，需要先引入 leaflet.css 样式文件

new FdOverview(viewer [, option])

Parameters:
Name Type Argument Description
viewer Viewer
option Object <optional>

可选参数，包含以下属性(部分参数只适用于 map2d)：

Properties
Name Type Argument Default Description
type String <optional>
 "map2d"

鹰眼图的类型，'map2d' 或 'leaflet'
containerId String <optional>
 "overviewContainer"

容器元素的 id 属性。如果添加多个鹰眼图，需要设置不同的 id 属性值
width Number <optional>
 200

容器元素的宽度
height Number <optional>
 160

容器元素的高度
top Number <optional>

容器元素距离视口顶部距离
bottom Number <optional>
 30

容器元素距离视口底部距离
left Number <optional>

容器元素距离视口左侧距离
right Number <optional>
 60

容器元素距离视口右侧距离
border String <optional>
 "1px solid rgba(0, 0, 0, 0.2)"

容器元素的边框样式
fillColor Color <optional>
 new Freedo.Color(1, 0.3, 0, 0.3)

'map2d' 模式下矩形边界框的填充颜色
outline Boolean <optional>
 true

'map2d' 模式下是否显示矩形边界框的边框
outlineWidth Number <optional>
 6

'map2d' 模式下矩形边界框的边框宽度，outline 为 true 时有效
outlineColor Color <optional>
 new Freedo.Color(1, 0.3, 0, 0.8)

'map2d' 模式下矩形边界框的边框颜色，outline 为 true 时有效
heightMultiple Number <optional>
 3

'map2d' 模式下鹰眼图相机高度的倍率，值越大，鹰眼图显示范围越大，矩形边界框越小
minHeight Number <optional>
 200

'map2d' 模式下鹰眼图相机最小高度值
maxHeight Number <optional>
 4000000

'map2d' 模式下鹰眼图相机最大高度值
imageryLayerOptions Object <optional>
 TianDiTuZhuJiImageryLayer

'map2d' 模式下有效，鹰眼图的图层选项
Example
// 方式1：freedo 2d 地图

let viewer = Freedo.FdApp.createDefaultViewer('freedoContainer');
let ov = new Freedo.FdTools.FdOverview(viewer, {
   type: 'map2d',
   containerId: 'map2dOverview',
   // ...
});

// 方式2： leaflet 地图

// 引入leaflet： <link href="./static/leaflet.css" rel="stylesheet" />

let viewer = Freedo.FdApp.createDefaultViewer('freedoContainer');
let ov = new Freedo.FdTools.FdOverview(viewer, {
   type: 'leaflet',
   containerId: 'leafletOverview',
   // ...
});

Methods

destroy()

销毁鹰眼图

getData()

获取鹰眼图数据

Returns:

option 参数

Type
Object

hide()

隐藏鹰眼图

show()

显示鹰眼图