5.6. 开源地图

开源地图离线显示demo

  • 地图瓦片下载：

    下载QGIS软件
    • QGIS下载地址： QGIS
    ../../_images/img15_new.png

    依次进行下图的系列操作（以下操作需可访问外网）

    ../../_images/img16_new.png
    ../../_images/img17_new.png

    最大最小缩放可以自行条件

    地图框选范围不要过大，不然地图会禁止访问，下载下来的图片是不正确的

    ../../_images/img18_new.png

    选择输出目录后运行即可下载瓦片

    ../../_images/img19_new.png

    下载下来的图片都是png格式的，要使用杰理UI工具将其批量转化，操作如下：

    去市场下载图片转换工具

    ../../_images/img20_new.png

    打开工具

    ../../_images/img26_new.png

    选择批量添加可以递归的搜索下载下来的地图瓦片文件夹

    ../../_images/img27_new.png

    选择输出目录可以按地图瓦片文件夹的文件结构输出

    ../../_images/img28_new.png

    在默认设置里可以选择输出的文件，一般按图中显示的配置即可（v8和v9的资源不一样请注意选择lvgl版本），可以大大降低占用的存储空间

    ../../_images/img29_new.png

  • 离线地图使用：

    离线地图有lvgl_v8和lvgl_v9的版本

    lvgl_v8版本打开wifi_camera工程

    注：以下操作基于AC792及地图大小为800*480

    打开apps/common/lvgl_v8/lv_conf.h打开开源地图使用的宏”

    ../../_images/img21_new.png

    IMG_CACHE的槽位设为25

    ../../_images/img30_new.png

    LVGL_MEM设置为5M

    ../../_images/img31_new.png

    修改apps/common/lvgl_v8/demos/map/map_tiles.c中的SD卡路径和存放地图的文件名（地图文件放在SD卡根目录）

    ../../_images/img22_new.png

    参考高德离线地图，在ui_action上加上头文件#include “map_tiles.h并在对应位置调用map_init和map_show函数，其他操作和高德离线地图一致”

    lvgl_v9版本打开demo_ui工程

    打开apps/common/lvgl_v9/lv_conf.h打开开源地图使用的宏

    ../../_images/img21_new.png

    修改apps/common/lvgl_v9/demos/map/map_tiles.c中的SD卡路径和存放地图的文件名（地图文件放在SD卡根目录）

    ../../_images/img22_new.png

    找到apps/common/lvgl_v9/lvgl_v9_main_task_init.c对照修改

    ../../_images/img23_new.png

    找到apps/demo/demo_ui/board/wl83/board_develop_AC7926A.h对照修改

    ../../_images/img24_new.png
    ../../_images/img25_new.png

    最终效果展示

    ../../_images/video2.gif