---
title: 自定义导航
date: 2020-10-29
author: ac
tags:
- OpenLayers
categories:
- GIS
---
## 自定义导航
来实现一个很久以前比较流行的自定义导航控件。
这需要了解`CSS`的定位`position`和`background`属性的知识，来学习构建这个组件，后续的事件交互就是通过`View`对象控制地图视图的操作。
材料：
[map_view.png](./images/map_view.png)
[toolbar_rbg.png](./images/toolbar_rbg.png)
完整代码：
```html
简单控件
自定义导航
```