如何使用OpenLayers3在地图上添加鹰眼和比例尺功能？

本文共计1496个文字，预计阅读时间需要6分钟。

原文：本文字例为大国分享了OpenLayers3实现地图鹰眼以及地图示例尺的添加的具体代码，供大家参考，具体内容如下：

1.前言 地图鹰眼就是地图的鸟瞰图，也就是通常所说的小地图，我们可以通过来实现。

改写后：本例展示了如何利用OpenLayers3添加地图鹰眼和示例尺功能，代码如下，供大家参考：

1.简介 地图鹰眼即地图的鸟瞰图，即常说的迷你地图，可通过以下方式实现：

本文实例为大家分享了OpenLayers3实现地图鹰眼以及地图比例尺的添加的具体代码，供大家参考，具体内容如下

1. 前言

地图鹰眼就是地图的鸟瞰图，就是通常所说的小地图，我们可以通过鹰眼得到当前地图的显示位置，也可以在鹰眼上单击、拖动或移动到想要查看的位置，鹰眼的可见区域比我们所看的主视区的范围要大，鹰眼的中心框就是主视区的可视范围， Openlayers 3 封装的鹰眼控件为 ol.control.OverviewMap ，可以自定义其显示的样式。

2. 实现思路

（1）新建一个网页，并参考前面的文章实现地图显示功能，加载 OSM 瓦片图层。
（2）实例化一个鹰眼控件（ol.control.OverviewMap），跟前面的一样，可以实例化一个默认的鹰眼控件，也可以根据需要设置其参数。
（3）将实例化的鹰眼控件加载到地图容器中。可以在实例化地图容器 Map 的代码中，通过设置 controls 参数加载鹰眼控件，也可以调用 map 对象的 addControl 方法加载控件。