当前位置:首页 > 前端 > JavaScript > 正文内容

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

放牧的风7年前 (2017-12-06)JavaScript1243

1. 基本说明

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

  • 实现了地图瓦片图下载、存储。目前支持存储至MySQL

  • Node.js服务调用MySQL中的瓦片图

  • Leaflet展示地图

展示效果如下:

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

工具下载链接: http://pan.baidu.com/s/1qYoHj4K 密码: ehgh 工具使用方法:

  • 数据库配置

打开工具目录中的 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即可。

GitHub地址:https://github.com/dxxzst/OfflineMap

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


扫描二维码推送至手机访问。

版权声明:本文由放牧的风发布,如需转载请注明出处。

本文链接:https://grazingwind.com/post/1.html

分享给朋友:
返回列表

没有更早的文章了...

下一篇:js中push(),pop(),unshift(),shift()的用法小结

相关文章

JavaScript深入系列目录

JavaScript深入系列目录

JavaScript深入之从原型到原型链JavaScript深入之词法作用域和动态作用域JavaScript深入之执行上下文栈JavaScript深入之变量对象JavaScript深入之作用域链JavaScript深入之从ECMAScrip...

二叉树及其遍历方法:JavaScript实践

二叉树及其遍历方法:JavaScript实践

二叉树常见的数组,栈,列表都是线性结构常见的树型结构有:文件夹目录,dom结构,路由的配置...二叉树二叉树是每个结点最多有两个子树的树形结构,每个结点的度最多是2。左边的称为 左子树 , 右边的称为 右子树 , 左子树 , 右子树 是有顺...

这些原生DOM操作你还记住多少😨

这些原生DOM操作你还记住多少😨

前言 最近在二次封装一个公司内部的UI组件库,其中一个模块就是给 element-plus 的 message 进行扩展,大量运用到了原生DOM操作,操作DOM最方便...

babel、vue编译,Prettier原理等离不开的AST技术

babel、vue编译,Prettier原理等离不开的AST技术

概要本文将通过以下几个方面对AST进行学习为什么要了解AST,简要说明AST在开发中的重要性什么是AST,对AST有一个直观的认识AST是如何生成的,分析将代码解析成AST的原理AST的具体应用,通过解读babel原理、vue模板编译过程,...

评论列表

访客
1周前 (07-08)

收藏了,很不错的内容!http://65k8.jsytbz.com/

访客
1周前 (07-08)

网站做得不错http://6a45.cdjryg.com/

访客
1周前 (07-08)

知识就是力量啊!http://96nz0.jsytbz.com/

访客
1周前 (07-08)

楼上的能详细介绍一下么?http://yu0vhg.cdjryg.com/

访客
1周前 (07-07)

楼主是在找骂么?http://imn3.eb-ray.com/

访客
1周前 (07-07)

楼主是我最崇拜的人!http://2cxym.eb-ray.com/

访客
1周前 (07-07)

楼主今年多大了?http://54fgi.2sc518.com/

访客
1周前 (07-07)

楼主该去看心理医生了!http://vtl8e0.hw-mx.com/

访客
1周前 (07-06)

支持楼上的!http://r40h.1hunk.com/

访客
1周前 (07-06)

最近回了很多帖子,都没人理我!http://7vk.1hunk.com/

访客
1周前 (07-06)

不错哦,楼主这是要火的节奏啊!http://j79cks.1hunk.com/

访客
1周前 (07-06)

楼主加油,看好你哦!http://9ff.1hunk.com/

访客
1周前 (07-06)

楼主的头像是本人吗?http://2rvg.10000flower.cn/

访客
2周前 (07-06)

论坛的人气不行了!http://hmg.http://3bi.net/post/543.html/

访客
2周前 (07-06)

有内涵!http://j5lbhc.http://3bi.net/post/543.html/

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。