1. 导航H5端(内嵌到公众号、微信扫码导航)

1.1 功能描述

用户通过公众号入口进入h5导航页面,页面调用手机的gps定位判断位置,然后可点击地图显示图标或对景区名、商店名进行搜索或点击导航栏对景区景区名、商店名进行相应的检索,选择终点后,根据起点终点生成路径,点击导航,用户按照导航提示前往目标点,在过程中,可以点击其他位置进行重新导航。

1.2 界面展示

image.pngimage.png

1.3 技术实现

  • 进入获取gps定位信息
  • 从接口中获取已添加好的景区分类,名称,经纬度信息
  • 在地图中新建图层并进行渲染显示
  • 通过检索栏或者搜索框来确定终点位置
  • 调用高德api接口进行路径规划
  • 导航到目的地

    1.4 难点

    高德api中没有提供 导航的相关接口,想到几个方案
  1. 每秒获取一下手机的gps,并重新进行请求,重新规划路径,缺点是请求高德api接口次数过多,需要购买流量包,30元\万次
  2. 在路径中有 如何到达地点的路径列表,根据位置更新来判断在那条路径上,并进行下一条路径提示

如:image.png

2. 管理Web端

2.1 功能描述

管理员进入web端进行景区、商业分类以及名称、详细位置信息的增删改查

2.2 界面展示

image.png

3. 项目准备

  1. 云服务器
    1. ubuntu20.04
    2. 8核16G
    3. 20M带宽
  2. 域名
    1. 备案
  3. 高德api注册
    1. 提供账号密码

      4. 项目预算(天津理工大学研究生团队)

  • 技术团队3人:H5前端1名,后台1名,数据采集与处理1名
  • 开发周期:6周
  • 项目预算:6万
  • 服务器:1万元/年(20M,8核)

    5. 其他方案

    手绘地图方案(参考古北水镇)。

  • 优点文化氛围强,导航直观。

  • 缺点,成本高!

10081631823671_.pic.jpg