如何使用Openlayer发布地图
来源:互联网 发布:jquery 删除二维数组 编辑:程序博客网 时间:2024/06/06 16:30
如何使用Openlayer发布地图
一. 说明:
本实例中使用的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发布地图
- 如何使用Openlayer发布地图
- 如何使用OpenLayer发布离线地图 2
- 如何使用OpenLayer发布离线地图
- 如何使用Openlayer发布谷歌卫星地图
- openlayer调用geoserver发布的地图实现地图的基本功能
- 路径正确openLayer也无法获得发布地图
- GIS: Openlayer 中使用SLD动态改变地图
- 如何使用ArcGIS Server发布地图服务
- 如何使用ArcGISServer服务直接发布地图
- Openlayer离线发布
- openlayer 加载天地图为地图,同时加载arcgisserver发布的wms
- 如何发布地图服务
- 读书笔记一,openlayer创建地图
- 使用geoserver发布地图
- 如何发布站点地图SiteMap
- 如何离线发布百度地图
- 关于C++里面使用set_union,set_intersection等函数的使用总结
- poj1511 spfa
- OC中多线程详解
- 一个很好的教程网站(asp.net)
- windows系统下安装配置 Nginx 的常见问题
- 如何使用Openlayer发布地图
- Appium 常用方法
- R聚类算法-(K-Means算法)
- Python 守护进程 实现 start stop restart
- jackson对日期的处理(序列化与反序列化)
- RocketMQ实战(一)
- numpy用法
- 修改navigationbar间距及高度
- Linux内核分析-4/5/系统调用