openlayers [一] openlayers简介

ol 官网 https://openlayers.org/

1 学习背景

最近无聊就是想学学关于地图的东西

2 ol可以做什么

2.1 ol干什么的

要想在浏览器中显示交互式的地图很难，因为浏览器默认的只是显示静态的图片，如PNG、JPEG等格式，要交互式很难，因为每一个点击和缩放，地图都要做出正确的反应。

OpenLayers是一个JavaScript 类库包，主要是用于开发Web GIS客户端。这就是说，要先在网页中引用OpenLayers的JavaScript文件以及相应的css样式表和资源，根据其提供的功能接口，直接调用。所以关键是了解其提供的接口，这是使用一个类库的关键！如果想要优化相应的功能或者定制化，就要深入地了解其实现细节了，这需要有熟练的JavaScript功底。

OpenLayers支持Google Maps、Yahoo Map、微软Virtual Earth等资源，可以通过WMS服务调用其它服务器上的空间数据，通过WFS服务调用空间服务。在操作方面，OpenLayers 除了可以在浏览器中实现地图浏览的基本效果，如放大、缩小、平移等操作，进行选取面、选取线、要素选择、图层叠加等操作。

2.2 ol比其他框架的优势

相对于另一个框架 OpenScales，OpenScales 是 OpenLayers 的 ActionScript 翻译，需要 FlashPlayer 支持才行，虽然基本现在浏览器都有这个插件，就好象他已经不是插件了，但是我比较反对插件，要使用一个功能，还要装插件，不如原生的好。总之我觉得 OpenLayers 比较好用！

2.3 ol 使用

npm install ol

3 总结

基于现在前端流行的框架vue，后面的基础介绍会以文档说明穿插着vue去写，尽量避免使用原生前端三件套去写。常见的功能点会直接使用vue去写。所有对vue有了解的会更加上手。

原文链接：https://blog.csdn.net/qq_36410795/article/details/105267039