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

前言

项目需要在内网使用,不能访问在线地图服务,在网上找了一个下载离线地图的软件,可以在内网发布成瓦片图层使用。

简单扩展了webGIS应用POI搜索服务

下载

高德/腾讯/google/百度/必应离线地图下载

csdn下载:传送门

网盘下载:http://pan.baidu.com/s/1miMF9nM

使用

下载之后打开MapDownloader目录

运行exe程序,可以看到地图下载器界面。地图切换可以下载不同地图,下载方式有mysql,sqllite,本地磁盘 

可以在MapDownloader.exe.config 文件中配置

下载数据库中实例:

可以通过工具导出瓦片图

参考文档:http://www.cnblogs.com/luxiaoxun/p/4454880.html

webGIS应用

通过发布的瓦片图层服务做webGIS应用

创建map

<div id="map" style="height:100%;width:100%;"></div>

 加载本地瓦片图层(需要发布成web服务,路径根据实际情况)

这里使用的是openlayes 

openlayes:https://github.com/openlayers/openlayers/releases/tag/v3.20.1

<script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js"></script>
	<link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/css/ol.css">
	

<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参考:http://www.cnblogs.com/kanyun/p/8571711.html 

猜你喜欢

转载自blog.csdn.net/weixin_40902527/article/details/87803336