使用的是 2020.3 旗舰版的IDEA,这是我摸索学习使用OpenLayers的过程,如果有错,还望指出,谢谢。
本贴记录了我是如何在IDEA中使用OpenLayers的
-
新建一个静态Web工程
-
创建一个名为lib的文件夹
-
将我们下载好的OpenLayers文件拷贝进lib文件夹中,这样子我们就可以在IDEA中使用OpenLayers给我们提供的资源
我们可以借助GeoServer给我们提供的例子初步感受一下OpenLayers
登录GeoServer服务器(默认用户名是admin,默认密码是geoserver),找到Layer Preview
随便打开一个图层预览,右键查看源码
分析一下该例子的源码
从我一个目前只学习过前端知识的人来看,该例子的源码包括三部分:
第一部分 —— 导入了OpenLayers框架中的ol.css文件,进行了网页布局的设置
第二部分 —— 例子导入OpenLayers框架中的ol.js文件
第三部分 —— 对OpenLayers组件的一些设置
初步解析完成,我们可以将源码拷贝到IDEA中运行,查看运行效果
在项目中创建一个HTML文件
将源码拷贝进IDEA中运行,效果如下