dxxzst / Offlinemap
基于MySQL + Node.js + Leaflet的离线地图展示,支持百度、谷歌、高德、腾讯地图
Stars: ✭ 343
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Offlinemap
coronavirus-map-dashboard
🦠 Coronavirus (COVID-19) Map Dashboard using coronavirus-tracker-api
Stars: ✭ 41 (-88.05%)
Mutual labels: map, maps, leaflet
mapus
A map tool with real-time collaboration 🗺️
Stars: ✭ 2,687 (+683.38%)
Mutual labels: map, maps, leaflet
leaflet.minichart
Leaflet.minichart is a leaflet plugin for adding to a leaflet map small animated charts
Stars: ✭ 27 (-92.13%)
Mutual labels: map, maps, leaflet
vaguely-rude-places
The map of Vaguely Rude Place Names
Stars: ✭ 19 (-94.46%)
Mutual labels: map, maps, leaflet
AndroidOfflineMapLibrary
Offline OpenStreet Map Library (No Internet Required) You dont have to even one-time connect!
Stars: ✭ 16 (-95.34%)
Mutual labels: map, offline
leaflet heatmap
简单的可视化湖州通话数据 假设数据量很大,没法用浏览器直接绘制热力图,把绘制热力图这一步骤放到线下计算分析。使用Apache Spark并行计算数据之后,再使用Apache Spark绘制热力图,然后用leafletjs加载OpenStreetMap图层和热力图图层,以达到良好的交互效果。现在使用Apache Spark实现绘制,可能是Apache Spark不擅长这方面的计算或者是我没有设计好算法,并行计算的速度比不上单机计算。Apache Spark绘制热力图和计算代码在这 https://github.com/yuanzhaokang/ParallelizeHeatmap.git .
Stars: ✭ 13 (-96.21%)
Mutual labels: map, leaflet
Leaflet.timedimension
Add time dimension capabilities on a Leaflet map.
Stars: ✭ 329 (-4.08%)
Mutual labels: maps, leaflet
kirby-locator
A simple map & geolocation field, built on top of open-source services and Mapbox. Kirby 3 only.
Stars: ✭ 83 (-75.8%)
Mutual labels: map, leaflet
examples-android
Android demo application for GLMap framework
Stars: ✭ 14 (-95.92%)
Mutual labels: map, offline
react-vector-maps
🗺 A React component for interactive vector maps of the world and 100+ countries
Stars: ✭ 112 (-67.35%)
Mutual labels: map, maps
crisis-news-mapper
日本の災害関連ニュースをTwitterから収集して地図上にマッピングするFirebaseプロジェクト crisis.yuiseki.net
Stars: ✭ 13 (-96.21%)
Mutual labels: maps, leaflet
map-machine
Python renderer for OpenStreetMap with custom icons intended to display as many map features as possible
Stars: ✭ 82 (-76.09%)
Mutual labels: map, maps
NonEmptyCollections
A type-safe implementation for collections that cannot be empty. Life is too short for emptiness-checks!
Stars: ✭ 45 (-86.88%)
Mutual labels: map, maps
Leaflet-active-area
A Leaflet plugin to center the map not in the center of the map but inside a DIV. Useful for responsive design.
Stars: ✭ 99 (-71.14%)
Mutual labels: map, leaflet
angular-mapboxgl-directive
AngularJS directive for Mapbox GL
Stars: ✭ 43 (-87.46%)
Mutual labels: map, maps
Maptalks.js
A light and plugable JavaScript library for integrated 2D/3D maps.
Stars: ✭ 3,377 (+884.55%)
Mutual labels: map, maps
基于MySQL + Node.js + Leaflet的离线地图展示
1. 基本说明
本项目实现了离线展示百度、谷歌、高德、腾讯地图。主要功能如下:
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。
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].