使用openlayers加载本地离线地图瓦片的一个最简单地例子

上一篇文章写了 leaflet,本篇说一下openlayers。

第一步,下载:

https://github.com/openlayers/openlayers/releases/download/v6.2.1/v6.2.1-dist.zip

解压后,我们只需要其中两个文件ol.css,ol.js

第二步,下载瓦片,参考上篇文章,https://blog.csdn.net/netying/article/details/105187665

本文不再赘述。

第三步:编写html文件






OpenLayers example


同样,我们保存其为index.html,保存在c:\offlinemaps目录下,也就是与test目录在同一级目录下。

ol.css和ol.js两个解压缩后的文件也保存到index.html的同目录下。

第四步:双击index.html,即可看到地图成功加载!

使用openlayers加载本地离线地图瓦片的一个最简单地例子_第1张图片

你可能感兴趣的:(使用openlayers加载本地离线地图瓦片的一个最简单地例子)