dxxzst/offlinemap

基于MySQL + Node.js + Leaflet的离线地图展示，支持百度、谷歌、高德、腾讯地图

基于MySQL + Node.js + Leaflet的离线地图展示

---

1. 基本说明

本项目实现了离线展示百度、谷歌、高德、腾讯地图。主要功能如下：

• 实现了地图瓦片图下载、存储。目前支持存储至MySQL
• Node.js服务调用MySQL中的瓦片图
• Leaflet展示地图

展示效果如下：

2. 地图瓦片下载工具及配置

工具下载地址：https://pan.baidu.com/s/1miMF9nM

工具开源地址：https://github.com/luxiaoxun/MapDownloader

工具使用方法：

• 数据库配置

打开工具目录中的 MapDownloader.exe.config 文件。根据实际情况填写如图中的配置信息。

• 地图瓦片图下载

打开工具目录中 MapDownloader.exe -> 选择画图工具、矩形 -> 地图上框选区域 -> 存储方式选择MySQL数据库 -> Zoom根据需要选择 -> 点击下载

• 数据库中存储的瓦片图

备注：数据库中Type字段指的是地图类型，对于谷歌地图 普通地图（1818940751）、卫星地图（47626774）、标注（1024577166）。此工具功能丰富，可细细研究。

3. node.js服务配置

• 修改mysql.js 中的配置。根据实际情况，配置数据库链接
• 进入目录 cd OfflineMap
• 安装资源 npm install
• 启动服务 npm start
• 服务地址 http://127.0.0.1:3001

4. 页面展示

打开example文件夹中的map.html即可。

如本项目对您有所帮助，欢迎Star。

offlinemap's Issues

你好，下载地图瓦片到本地，瓦片的命名不对

我将地图瓦片下载到本地之后，可是这个瓦片的名字和我用百度地图api算出来的是不一样，我想问下你这块是怎么解决的呢？

您好，我按照您的示例操作了，报数据库错误，能帮我看看吗？

Error: ER_PARSE_ERROR: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'and Zoom=undefined and X=undefined and Y=undefined' at line 1

一个需求

非常感谢作者你的分享,我现在有个项目要使用到作者你的项目里的地图下载工具, 但是我希望那个下载工具里可以下载OSM的开源数据, 不知道作者可以把OSM的地图源添加进来吗, 再次非常感谢

请问下载后的地图能使用百度或者高德的js去进行精确查询吗？

比如把地图下载到数据库之后，我还能使用百度或者高德的api去做聚合，绘点，导航等api 的开发吗？

数据不全

你好 我用软件下载google数据到mysql数据库 数据总是下载不全 想请教一下怎么回事儿 可以帮忙解答一下吗

工具下载不了mysql数据文件

瓦片数据不连续

下载到数据库中的数据再读取的时候 显示500错误
下载到本地文件夹的时候读取过程中，因为不连续的问题有一部分数据读取不到

请问怎样将瓦片图下载到数据库

您好，请问怎么将它下载到mysql数据库，软件目录里面没有相关的config文件

初次载入页面不全

此项目中的map.html在演示实例初次载入时会出现地图载入不全的情况。
修正方式为
将"$(function () {
var mapcon = document.documentElement.clientHeight + 'px';
$("#mainmap").css('height', mapcon);
});
$(window).resize(function () {
var rmapcon = document.documentElement.clientHeight + 'px';
$("#mainmap").css('height', rmapcon);
});"
改为
"$(window).height(function () {
var mapcon = document.documentElement.clientHeight + 'px';
$("#mainmap").css('height', mapcon);
});
$(window).resize(function () {
var rmapcon = document.documentElement.clientHeight + 'px';
$("#mainmap").css('height', rmapcon);
});"

以及存入数据库后地图迁移过于麻烦，建议其他开发者可以利用该项目使用wget循环遍历数据库（代码太简单了就不用我写了吧，一个from读取sql里面的坐标，导出成文件后写个小程序处理一下生成sh就好了。实在有懒人倒是可以联系我）

地图不能下载到数据库

试了所有的地图都不行，本地数据库，改了密码，创建了mapcache数据库。

下载工具链接挂掉了，链接上的开源的地图工具也下载编译不过

你好，我存到数据库中的高德地图瓦片无法显示，报错error while loading image data

关于地图水印问题

你好，根据提供的方式，很顺利的搭建起了服务器(灰常感谢)。现在在下载地图时，下载层级更高时发现有有google的水印。请问这个水印是否可以去除？

下载文件链接失效

网盘里的下载文件失效了， 你这边可以提供一下吗？或者传到git上来