OpenLayers入门,html原生网页如何使用OpenLayers地图

专栏目录:
OpenLayers入门教程汇总目录

前言

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

vue项目使用OpenLayers地图库请参考:《vue项目集成并使用OpenLayers地图的两种方式》。

openlayers

二、依赖和使用

从openlayers官方网站下载最新依赖压缩包,从压缩包中拿到ol.css、ol.js和ol.js.map三个文件即可。
下载地址:https://github.com/openlayers/openlayers/releases/tag/v7.4.0
OpenLayers入门,html原生网页如何使用OpenLayers地图_第1张图片

vue中如何使用:

vue项目使用请参考这篇文章:

你可能感兴趣的:(OpenLayers入门,html,前端,javascript,OpenLayers,网页使用OpenLayers)