openlayes 离线地图下载和webGIS简单应用

1,925 阅读1分钟

前言
项目需要在内网使用,不能访问在线地图服务,在网上找了一个下载离线地图的软件,可以在内网发布成瓦片图层使用。
简单扩展了webGIS应用POI搜索服务

下载
高德/腾讯/google/百度/必应离线地图下载
csdn下载:传送门
网盘下载:pan.baidu.com/s/1miMF9nM

使用
下载之后打开MapDownloader目录

运行exe程序,可以看到地图下载器界面。地图切换可以下载不同地图,下载方式有mysql,sqllite,本地磁盘
可以在MapDownloader.exe.config 文件中配置

下载数据库中实例:

可以通过工具导出瓦片图

参考文档:www.cnblogs.com/luxiaoxun/p…
webGIS应用
通过发布的瓦片图层服务做webGIS应用
创建map
<div id="map" style="height:100%;width:100%;"></div>
加载本地瓦片图层(需要发布成web服务,路径根据实际情况)
这里使用的是openlayes
openlayes:github.com/openlayers/…
<script src="cdn.rawgit.com/openlayers/…>
<link rel="stylesheet" href="cdn.rawgit.com/openlayers/…">


<script>
var raster = new ol.layer.Tile({
name:'底图',
source: new ol.source.XYZ({
url: 'http://localhost/tiles/788865972/{z}/{x}/{y}.png'
})
});

var map = new ol.Map({
layers: raster ,
//renderer:'webgl',
target: document.getElementById('map'),
view: new ol.View({
center: [13328108, 2920366],
maxZoom: 18,
zoom: 4
})
});

</script>
加载完成
\
扩展poi搜索demo参考:www.cnblogs.com/kanyun/p/85…
---------------------
作者:啊嘞嘞嘞嘞
来源:CSDN
原文:blog.csdn.net/weixin_4090…