投稿

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

Vedu • • 程序开发 • 阅读 1745

1. 基本说明

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

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

展示效果如下：

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

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

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

  • 数据库配置

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

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

  • 地图瓦片图下载

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

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

  • 数据库中存储的瓦片图

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

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

3. node.js服务配置

  • 修改mysql.js 中的配置。根据实际情况，配置数据库链接
  • 进入目录 cd OfflineMap

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

  • 安装资源 npm install
  • 启动服务 npm start
  • 服务地址 http://127.0.0.1:3001

4. 页面展示

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

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

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/3858.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2017-07-22 11:00
下一篇 2017-07-22 13:04

相关推荐

发表评论

登录后才能评论