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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了基于MySQL + Node.js + Leaflet的离线地图展示，支持百度、谷歌、高德、腾讯地图，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1286字，纯文字阅读大概需要2分钟。

内容图文

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 中的配置。根据实际情况，配置数据库链接

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

  • 进入目录 cd OfflineMap
  • 安装资源 npm install
  • 启动服务 npm start
  • 服务地址 http://127.0.0.1:3001

4. 页面展示

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

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

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

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

标签：图片   offline   打开   腾讯   cee   地图   文件夹   cal   start   

本文系统来源：http://www.cnblogs.com/dxxzst/p/7994230.html

内容总结

以上是互联网集市为您收集整理的基于MySQL + Node.js + Leaflet的离线地图展示，支持百度、谷歌、高德、腾讯地图全部内容，希望文章能够帮你解决基于MySQL + Node.js + Leaflet的离线地图展示，支持百度、谷歌、高德、腾讯地图所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

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

本文链接：https://qyyshop.com/info/495089.html

来源：【匿名】