0%

OpenLayers6实例分析:简介

OpenLayers是一个在 WebGIS 方向功能非常完备的的库,用官网的话来说就是“一个高性能、功能丰富的能满足所有地图绘制需求的前端库”。由于最近在公司的业务在地图方面有很多需求,所以从零开始学 Openlayers,一边完成业务一边补充技术栈,顺便写几篇文章沉淀一下。

推荐初学者学习以下两个教程:

  1. Openlayers 入门指南:虽然讲的是 Openlayers3 的入门,但是新版本整体上换汤不换药,基本只是新功能和 API 的区别,而且这个教程讲了很多 GIS 方面的基础知识,对非专业人员理解 WebGIS 有很大的帮助。推荐了解完 Openlayers 以后首先看完这个教程。

  2. 跟我学 OpenLayers——基础实例详解:这个是对 OpenLayers5 版本官网的实例进行了总结和讲解的视频教程。作者老胡对实例由浅入深的总结和分析,讲的很不错,适合英文水平跟我一样菜,对 API 和 Demo 看的一头雾水的同学可以跟着学一下,听说视频作者年后还要出对 API 的讲解课程。

    再列出几个链接:

  3. OpenLayers 官网:最下面有安装教程和各版本的文件、API 文档和实例。

  4. API:最新版本的 API 文档,可以按照类似”ol.layer.Tile“这种格式搜索。

  5. 实例:最新版本的实例。

两种引入方式:

两种方式的主要区别就是第二种可以分模块引入所需的部分,更现代化的开发方式。

在接下来的实例分析中,我主要总结《跟我学 OpenLayers》中胡老师总结的 Demo,配合官网对应实例,用最新的 OpenLayers6 的 API 来实现。

👆 全文结束,棒槌时间到 👇