• 查看本页面源文件可以了解如何使用51ditu Maps API实现本功能；



• 本范例演示如何设置鹰眼地图的位置；
• 鹰眼地图可以非常灵活的显示在地图上的任何位置(甚至是地图外？)，鹰眼的位置一共有9种类型(如下表)，在定义类型后，还可以通过控件的 setLeft , setRight , setTop , setBottom 四个方法来设置鹰眼的具体显示位置。鹰眼的位置类型参数表如下：

-4:左上角	-1:顶边	2:右上角
-3:左边	0:不绑定，任意位置	3:右边
-2:左下角	1:底边	4:右下角(默认)




• 鹰眼的位置类型将影响鹰眼的折叠方向和边框的显示；
• 为了便于说明，我通过更改鹰眼地图的按钮图片给每个鹰眼地图加上了编号，下面将分别讲解：
• 鹰眼 1 是默认的位置4，鹰眼放在右下角，按钮也在鹰眼地图的右下角
• 鹰眼 2 的位置类型是3，因此显示在地图右边边界上，按钮和折叠打开方向也向右边，并通过setBottom将地图设置在离底边200px处
• 鹰眼 3 的位置类型是2，因此显示在地图右上角处
• 鹰眼 4 的位置类型是0，因此四个边都和地图之间有空隙，可以显示在地图的任意位置，本范例之中通过setRight和setTop将其显示在离地图上方20px，右方300px处。



• 返回所有范例列表