本文介绍了使用OpenLayers实现简单地图显示Demo的过程。先从官网下载OpenLayers，解压后获取核心开发库ol.js和样式库ol.css。接着构建简单地图应用，引入相关文件并编写逻辑代码。最后分析了OpenLayers的DOM元素组织结构，包括Viewport及其中的地图渲染层、内容叠加层和地图控件层。
目录
经过上一篇文章对OpenLayers的简单了解以后，现在让我们来实现一个简单的地图显示Demo。
一、下载OpenLayers
打开OpenLayers官网：https://openlayers.org/
然后点击Get the Code：
‘
进入页面下载包含源码包、示例和API文档的压缩文件（我现在下载的是当前最新版5.3.0）：
下载完后对其解压，然后自己新建一个文件，将解压文件复制到这个文件夹中（我这里复制到E盘下的openlayers文件夹中）：
可以发现解压文件中包含了几个文件，但是目前我们只会用到build和css中的内容。
其中build文件夹中包含了ol.js文件，它是OpenLayers的核心开发库，集成了OpenLayers的所有功能；css文件夹中包含了ol.css文件，它是样式库，包含了OpenLayers的所有默认样式信息。
二、构建简单的地图应用
&nb
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
