Openlayer离线发布
来源:互联网 发布:阿里云怎么做网站 编辑:程序博客网 时间:2024/06/13 11:43
一. 说明:
本实例中使用的Openlayer 版本为最新的 Openlayer3,地图下载器使用的是Bigemap 地图下载器。
Openlayer 下载地址:https://github.com/openlayers/ol3/releases/download/v3.20.1/v3.20.1-dist.zip
二. 下载地图瓦片
1.打开Biemap地图下载器,框选要发布的地图范围,双击弹出下载选项框,瓦片类型选择谷歌,文件类型建议使用png 格式,以获得最佳清晰度。
三。配置Openlayer:
地图瓦片下载完成之后 ,将瓦片放置在网站目录下的tile文件夹中。
新建一个index.html文件,放在网站目录下。
引入下载的Openlayer文件,这两个文件都需要引入
最后文件结构如下图:
index.html的HTML部分如下图:
JS部分如下图:
这样就配置好了,在浏览器中输入网站地址,可以正常浏览了,如下图:
点我下载源码
阅读全文
0 0
- Openlayer离线发布
- 如何使用OpenLayer发布离线地图 2
- 如何使用OpenLayer发布离线地图
- 如何使用Openlayer发布地图
- 如何使用Openlayer发布地图
- 如何使用Openlayer发布地图
- OpenLayer
- OpenLayer
- openlayer调用geoserver发布的地图实现地图的基本功能
- 路径正确openLayer也无法获得发布地图
- Live Writer离线发布
- 博客离线发布工具
- 如何离线发布百度地图
- openlayer 加载天地图为地图,同时加载arcgisserver发布的wms
- geoserver+openlayer
- openlayer label
- OpenLayer(Layer2)
- OpenLayer(OSM)
- 小记:移除.过滤.保留.新增list.
- jeecg confirm弹框
- Git pull 强制覆盖本地文件
- shell 基础02
- Linux IO多路复用之epoll网络编程(含源码)
- Openlayer离线发布
- 解决linux的-bash: ./mongod: Permission denied
- android studio中的错误transformClassesWithDexForDebug
- ES6-对象的扩展-_proto_ 属性,Object.setPrototypeOf(),Object.getProtitypeOf()
- 前端数据可视化插件(一)图表
- html标签
- 【Scikit-Learn 中文文档】使用 scikit-learn 介绍机器学习 | ApacheCN
- Java 8新特性(Lambda,Stream API)
- 内存大小端转换