openlayers入门级教程

时间:2024-11-09 21:12:02

1、首先,百度搜索引擎中输入【openlayers】,进入官网下载相关包

openlayers入门级教程

2、创建一个web html页面,需要引入openlayers类库和CSS,需要创建map容器,初始map

openlayers入门级教程

3、在html 头部标签中引入css 样式和js类库,如图所示

openlayers入门级教程

4、添加map div容器,以及div样式,如图所示

openlayers入门级教程

5、编写openlayers初始化地图方法,注意:target属性值,对应DIV容器id,如图所

openlayers入门级教程

6、这样openlayers地图就初始化完成,如图所示

openlayers入门级教程
© 手抄报圈