离线地图开发

2D离线地图介绍(局域网环境下部署,完全脱离互联网,通过下载瓦片图+离线地图API(js库)方式实现)

一、2D离线瓦片下载(通过瓦片下载软件实现离线瓦片的下载)

1)、普通街道图瓦片(如下图)

2)、个性化瓦片(如下图)

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

 

2D瓦片主要是图片,存储方式zoom/x/y.jpg(zoom=地图级别,x=地图横向坐标,y=地图纵向坐标)

 


二、开发中引用离线地图(可独立部署通过内外IP+端口进行访问,也可拷贝js库文件到项目中通过绝对路径访问)

1)、离线API JS库文件(如下图)

2)、界面中引用本地js文件(如下图)


三、功能开发DEMO(开发模式可保持跟官方代码一致,以下是部分功能效果)

1)、marker标注(如下图)

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

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

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

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

6)、点聚合(如下图)

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

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

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

10)、热力图(如下图)

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

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

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

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

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

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

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


2D个性化离线地图介绍(下载个性化瓦片使用,配合mapv或Echart进行个性化地图开发)

一、开发中引用离线地图(可独立部署通过内外IP+端口进行访问,也可拷贝js库文件到项目中通过绝对路径访问)

1)、离线API JS库文件(如下图)

2)、界面中引用本地js文件(如下图)


二、功能开发DEMO(开发模式可保持跟官方代码一致,以下是部分功能效果)

1)、动画效果的圆点(如下图)

2)、空气质量分布(如下图)

3)、动态改变颜色(如下图)

4)、动态路径(如下图)

5)、飞行迁移(如下图)

6)、热力图(如下图)

 

DEMO下载地址:http://gis.mmmgx.com/

 

posted @ 2022-03-03 09:46  GIS-Off-Line  阅读(913)  评论(0)    收藏  举报