欢迎来到Bigemap在线帮助!

7x24小时技术支持(服务电话:400-028-7262) 在您联系我们之前可查看常见问题帮助【售前FAQ】 【技术FAQ

产品功能列表及视频演示教程: 下载地图 高程DEM下载 矢量数据下载 矢量标注标绘 标注管理功能 离线地图 手机APP 其他功能

搜索结果:

如何使用OpenLayer发布离线地图

发布时间:2018-01-17 版权:BIGEMAP


一. 说明:

    本实例中使用的Openlayer 版本为最新的 Openlayer3,地图下载器使用的是Bigemap 地图下载器。

    Openlayer 下载地址:https://github.com/openlayers/ol3/releases/download/v3.20.1/v3.20.1-dist.zip

二. 下载地图瓦片

1.打开Biemap地图下载器,框选要发布的地图范围,双击弹出下载选项框,瓦片类型选择谷歌,文件类型建议使用png 格式,以获得最佳清晰度。

QQ截图20161221170942.png

三.配置Openlayer:

地图瓦片下载完成之后 ,将瓦片放置在网站目录下的tile文件夹中。

新建一个index.html文件,放在网站目录下。

引入下载的Openlayer文件,这两个文件都需要引入

    css.png

最后文件结构如下图:

    sss.png

index.html的HTML部分如下图:

html.png

  

JS部分如下图:


QQ截图20161221170634.png

    

这样就配置好了,在浏览器中输入网站地址,可以正常浏览了,如下图:


QQ截图20161221170848.png

点我下载源码

分享:(用微信扫一扫可发送给自己)

下载帮助文档 常见问题FAQ

获取正版授权

方式一:自动授权

关注官方微信号
BIGEMAP微信公众号
操作步骤:
①关注官方微信号
②点击【自助授权】
③按提示完成操作!

方式二:点击加入

免费授权QQ群

QQ在线咨询在线客服

免费咨询电话

400-028-7262

淘宝店铺

bigemap.taobao.com

联系我们