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

    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。

  • 相关阅读:
    English trip V1
    English trip V1
    第一类斯特林数
    bzoj 3601 一个人的数论
    bzoj 4407 于神之怒加强版
    bzoj 2693 jzptab
    bzoj 4184 shallot
    luogu P3920 [WC2014]紫荆花之恋
    bzoj 4269 再见Xor
    luogu P2183 [国家集训队]礼物
  • 原文地址:https://www.cnblogs.com/dxxzst/p/7994230.html
Copyright © 2011-2022 走看看