014：vue+openlayers 添加比例尺

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

一、示例效果图

二、示例简介

本示例介绍如何在openlayers中使添加使用比例尺控件，实现添加比例尺的效果。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果； 注意如果OpenStreetMap无法加载，请加载其他来练习

三、配置方式

1）查看基础设置：https://xiaozhuanl