Vue+OpenLayers7：html原生网页如何使用OpenLayers7地图

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7

前言

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

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

二、依赖和使用

从OpenLayers官方网站下载最新依赖压缩包，从压缩包中拿到ol.css、ol.js和ol.js.map三个文件即可。
下载地址：https://github.com/openlayers/openlayers/releases/tag/v7.5.2

实现功能

1、使用html网页原生加载OpenLa