黑马程序员技术交流社区

标题: 【深圳校区】openlayes 离线地图下载和webGIS简单应用 [打印本页]

---

作者: 柠檬leung不酸    时间: 2019-2-22 09:39
标题: 【深圳校区】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
---------------------
作者：啊嘞嘞嘞嘞
来源：CSDN
原文：https://blog.csdn.net/weixin_40902527/article/details/87803336

---

作者: 一个人一座城0.0    时间: 2019-2-24 22:51
看一看。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2