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