Vue+OpenLayers7入门到实战：html原生网页如何使用OpenLayers7地图

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7入门到实战

前言

尽管现在大部分网页都是使用Vue或者React开发了，但是还是有不少开发者使用的是网页原生html进行开发，或者是老项目维护的需要，所以为了照顾使用html原生网页的同学们，本章简单讲解一下如何使用原始html网页情况下使用OpenLayers7。

Vue项目从零构建OpenLayers7地图脚手架请参考：《Vue+OpenLayers7：快速搭建Vue+OpenLayers7地图脚手架项目。从零开始构建Vue项目并整合OpenLayers7.5.2》。

已有Vue项目使用OpenLayers7地图库请参考：《Vue+OpenLayers7：OpenLayers7地图整合到Vue项目中的两种方式》。

二、依赖和使用

从OpenLayers官方网站下载最新依赖压缩包，从压缩包中拿到ol.css、ol.js和ol.js.map三个文件即可。