当前位置: 首页 > news >正文

离线地图开发 局域网部署 脱离互联网的离线地图API学习交流

离线地图需要哪些基础环境(局域网环境下部署,完全脱离互联网,通过下载地图瓦片数据+离线地图API(js库)方式实现)
一、离线瓦片下载(通过瓦片下载软件实现离线瓦片的下载)
1)、地图瓦片数据一般为图片格式(如下图)

1-2

2)、其它自定义的瓦片(如下图)

5

3)、卫星图影像瓦片(如下图)

1-3

调用的规则一般都是通用的方式zoom/x/y.jpg(zoom=地图级别,x=地图横向坐标,y=地图纵向坐标)

二、开发中引用离线地图脚本文件(可通过其它途径搜索资源下载使用)
1)、离线API JS库文件

1

2)、前端界面中引用本地js文件

m2

三、完成以上两个步骤资源后,基本上可进行功能开发(基本可实现以下功能,参考效果图来源网络)
1)、marker标注(如下图)

1-6

2)、测距工具(如下图)

1-7

3)、线路轨迹回放(如下图)

1-8

4)、地图类型切换(如下图)

1-9

5)、城市定位切换(如下图)

1-10

6)、点聚合(如下图)

1-11

7)、点聚合带Label提示框(如下图)

1-12

8)、根据圆半径画圆,判断圆内marker(如下图)

1-13

9)、画图工具(如下图)

1-14

10)、热力图(如下图)

1-15

11)、面积计算(如下图)

1-16

12)、2个面重叠,计算重叠区域的面积(如下图)

1-17

13)、鼠标右键弹出菜单(如下图)

1-18

14)、制作的图片切成瓦片覆盖在地图上(如下图)

1-19

15)、点连线,并且通过画图形获取包含在内的点1(如下图)

1-20

16)、点连线,并且通过画图形获取包含在内的点2(如下图)

1-21

17)、图形覆盖在地图上(如下图)

1-22

以上方式可实现2D离线地图开发,通过本地单机部署或局域网内部署,可脱离互联网模式实现地图功能的项目开发
如需实现3D地图开发可参见:gis.mmmgx.com

http://www.jsqmd.com/news/188751/

相关文章:

  • phome_enewshyclass 数据表字段解释(好友分类表)
  • 单元测试
  • 单元测试
  • Everything这么快,Windows自带搜索​为啥做不到?
  • 瘫痪者用脑机接口意念操控虚拟无人机
  • 英语 12 种时态
  • 英语 12 种时态
  • 2025必备!8个AI论文工具,助研究生搞定论文格式与写作!
  • 英语_阅读_Future_待读
  • 基于微信小程序的旅游服务平台【源码+文档+调试】
  • 【SSA三维路径规划】麻雀算法无人机复杂环境(多山峰 威胁区)三维路径规划【含Matlab源码 14822期】
  • 基于微信小程序的旅游服务平台【源码+文档+调试】
  • Java 进阶核心知识点全解析(含实战代码 + 避坑指南)
  • 深度测评本科生必备8款AI论文软件
  • 如何使用c++来处理性能优化加速
  • 覆盖Xshell高效运维实战技术文章大纲
  • 基于微信小程序的医院管理系统【源码+文档+调试】
  • 欧拉函数与数论容斥
  • 洛谷 B4451:[GESP202512 四级] 建造 ← 二维数组
  • 如何区分若依RuoYi不同环境下的配置文件
  • 医疗模型用PyTorch Lightning训练更稳
  • 【毕业设计】基于人工智能深度学习的人脸识别检测系统实现(相似人脸识别)
  • 这么VIP文章,也没赚钱,有没有办法取消
  • 数据中台性能优化:处理PB级大数据的秘诀
  • 【WRF-VPRM工具】WRF-GHG-Prepy 详解
  • 如何编写cursor rules
  • 【课程设计/毕业设计】基于机器学习的人脸识别检测系统实现(相似人脸识别)
  • 京东多智能体——多源异构数据采集与融合应用综合实践
  • 深度学习计算机毕设之基于深度学习人工智能的人脸识别检测系统实现(相似人脸识别)
  • 【WRF-VPRM工具】WRF-GHG-Prepy 输入数据详解