我要评论
| no. | 内容链接 |
|---|---|
| 1 | openlayers - |
| 2 | leaflet - |
| 3 | cesium - |
| 4 | mapboxgl - |
| 5 | 前端就业宝典 |
文章目录
控件是一个可见的小部件，其 dom 元素位于屏幕上的固定位置。 它们可以涉及用户输入（按钮），或者仅提供信息； 位置是使用 css 确定的。 默认情况下，它们放置在 css 类名为 ol-overlay container-stop event 的容器中，但可以使用任何外部 dom 元素。
.在openlayers中多数controls直接可以在地图上添加，比如navigation（导航栏）。第二类是需要放在div元素中才能用。第三类需要放置在panel（面板）中的操作类似于网页html中button按钮，需要点击或绑定才能起作用。最后一类就是自定义类型的。
一、常用的控件
controldefaults，地图默认包含的控件。fullscreen，全屏控件，用于全屏幕查看地图。mouseposition，鼠标位置控件，显示鼠标所在地图位置的坐标，可以自定义投影。overviewmap，地图全局视图控件（鹰眼图）。scaleline，比例尺控件。zoom，地图放控件。zoomslider，地图缩放滑块刻度控件。
二、使用控件方法
实例化地图map，通过参数control传入，不传值默认 control defaults 中的控件。
也可以利用map对象的**addcontrol()或addcontrols()**方法在地图上添加controls对象。
需要在默认控件基础上继续添加控件，可以使用 ol.control.defaults().extend([new ol.control.fullscreen()]) 方法传入。
三、添加删除control 的基本方法
addcontrol(control) 将给定的控件添加到地图中
removecontrol(control) 从地图中移除已给定的控件
四、control示例
1 比例尺 - scaleline
示例：
2 鹰眼/缩小图 - overviewmap
示例：
3 全屏 - fullscreen
示例：
4 版权信息 - attribution
示例：
5 旋转地图 - rotate
示例：
6 放大缩小 - zoom
示例：
7 缩放滑块控件 - zoomslider
示例：
8 鼠标位置 - mouseposition
示例：
9 zoomtoextent
示例： zoomtoextent
发表评论