离线内网地图开发项目 |
您所在的位置:网站首页 › 基于天地图开发 › 离线内网地图开发项目 |
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)、热力图(如下图) 3D离线地图介绍(3D离线采用矢量数据作为地图基础,可保持地图数据最新) 一、开发中引用3D离线地图(可独立部署通过内外IP+端口进行访问,也可拷贝js库文件到项目中通过绝对路径访问)1)、离线API JS库文件(如下图) 2)、界面中引用本地js文件(如下图) 二、3D功能开发DEMO(开发模式可保持跟官方代码一致,以下是部分功能效果,2D离线中的效果均可在3D模式下实现)1)、3D展示(如下图) 2)、3D菱形(如下图) 3)、地球模式(如下图) 4)、个性化地图(如下图) 5)、区域重叠合并1(如下图) 6)、区域重叠合并2(如下图) 7)、彩色线路(如下图) 8)、3D视角动画(如下图) 9)、3D轨迹回放(如下图) 10)、3D动态路线(如下图) 11)、3D镂空区域(如下图) 12)、面积计算(如下图) 13)、重叠区域的面积计算(如下图) |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |