280：vue+openlayers 自定义上下左右移动键

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，优快云知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第 280个示例

一、示例效果图

二、示例简介

本示例介绍如何在vue+openlayer中自定义上下左右移动键，实现地图的移动控制。这里不要是设定一个步长，每次将中心点按照某个方向移动一小段。 控制盘可以自己设定css放置到地图上层，更美的样式你来设计，这里是实现思路。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果

三、配置说明

1）查看基础设置