怎样设计一个网站,大棚网站怎么做,网站评估怎么做,哈尔滨h5建站目录
一、常用的控件
二、使用控件方法
三、添加删除control 的基本方法
四、control示例
1 比例尺 - ScaleLine
2 鹰眼/缩小图 - OverviewMap
3 全屏 - FullScreen
4 版权信息 - Attribution
5 旋转地图 - Rotate
6 放大缩小 - Zoom
7 缩放滑块控件 - ZoomSlider
…
目录
一、常用的控件
二、使用控件方法
三、添加删除control 的基本方法
四、control示例
1 比例尺 - ScaleLine
2 鹰眼/缩小图 - OverviewMap
3 全屏 - FullScreen
4 版权信息 - Attribution
5 旋转地图 - Rotate
6 放大缩小 - Zoom
7 缩放滑块控件 - ZoomSlider
8 鼠标位置 - MousePosition
示例 显示鼠标经纬度信息
9 ZoomToExtent
10 清除所有控件
五、Openlayers 入门教程 -系列文章列表 控件是一个可见的小部件其 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
10 清除所有控件 示例 清除所有控件按需添加Control
五、Openlayers 入门教程 -系列文章列表 openlayers 入门教程一openlayers简介 openlayers 入门教程二Map 篇 openlayers 入门教程三View 篇 openlayers 入门教程四Layers 篇 openlayers 入门教程五Sources 篇 openlayers 入门教程六Controls篇 openlayers 入门教程七Interactions篇 openlayers 入门教程八Geom 篇 openlayers 入门教程九Overlay 篇 openlayers 入门教程十Style 篇 openlayers 入门教程十一Formats篇 openlayers 入门教程十二定位与轨迹 openlayers 入门教程十三动画 openlayers 入门教程十四第三方插件 openlayers 入门教程十五与 canvas、echartturf 等交互
