Qt集成Echarts百度地图应用开发综合源码：功能强大且高度可定制的地图封装类

Qt百度地图综合应用源码 ### （一）、Echarts地图封装类功能特点 1. 同时支持闪烁点图、迁徙图、区域地图、仪表盘等。 2. 可以设置标题、提示信息、背景颜色、文字颜色、线条颜色、区域颜色等各种颜色。 3. 可设置城市的名称、值、经纬度 集合。 4. 可设置地图的放大倍数、是否允许鼠标滚轮缩放。 5. 内置世界地图、全国地图、省份地图、地区地图，可以精确到县，所有地图全部离线使用。 6. 内置了各省市json数据文件转js文件功能，如有数据更新自行转换即可，支持单个文件转换和一键转换所有文件。 7. 内置了从json文件或者js文件获取该区域的所有名称和经纬度信息集合的功能，可以通过该方法获取到信息用来显示。 8. 依赖浏览器组件显示地图，提供的demo支持webkit、webengine、ie 三种方式加载网页。 9. 拓展性极强，可以依葫芦画瓢自行增加各种精美的echarts组件，做出牛逼的效果。 10. 内置的仪表盘组件提供交互功能，demo演示中包含了对应的代码。 11. 函数接口友好和统一，使用简单方便，就一个类。 12. 支持任意Qt版本、任意系统、任意编译器。 ### （二）、百度地图封装类功能特点 1. 同时支持在线地图和离线地图两种模式。 2. 同时支持webkit内核、webengine内核、IE内核。 3. 支持设置多个标注点，信息包括名称、地址、经纬度。 4. 可设置地图是否可单击、拖动、鼠标滚轮缩放。 5. 可设置协议版本、秘钥、主题样式、中心坐标、中心城市、地理编码位置等。 6. 可设置地图缩放比例和级别，缩略图、比例尺、路况信息等控件的可见。 7. 支持地图交互，比如鼠标按下获取对应位置的经纬度。 8. 支持查询路线，可设置起点位置、终点位置、路线模式、路线方式、路线方案（最少时间、最少换乘、最少步行、不乘地铁、最短距离、避开高速）。 9. 可显示点线面工具，可直接在地图上划线、点、矩形、圆形等。 10. 可设置行政区划，指定某个城市区域绘制图层，在线地图自动输出行政区划边界点集合到js文件给离线地图使用。 11. 可添加多个覆盖物。 支持点、折线、多边形、矩形、圆形、弧线、点聚合等。 12. 函数接口友好和统一，使用简单方便，就一个类。 13. 支持任意Qt版本、任意系统、任意编译器。

最近在捣鼓Qt和地图组件的结合，发现把ECharts和百度地图封装成Qt组件简直不要太方便！尤其是封装好的地图类直接甩你脸上，三行代码就能出个动态迁徙图。今天就跟大伙儿唠唠这两个神器怎么玩转，顺带分享几个实用代码片段。

先看ECharts封装类这个宝藏。想要搞个带动态光效的迁徙图？上代码就完事了：

// 创建迁徙图参数结构体 EchartsMap::Migration migration; migration.startName = "北京"; migration.endName = "上海"; migration.lineColor = QColor(255, 0, 0, 150); // 带透明度的红色轨迹线 migration.effectColor = QColor(255, 215, 0); // 土豪金流光效果 // 调用更新方法 echartsMap->updateMigration(QList<EchartsMap::Migration>{migration});

这里骚操作在于effectColor参数控制光晕颜色，改成RGB(0,255,255)立马赛博朋克风拉满。轨迹线的透明度设置让多层路线叠加时不会糊成一团，实测alpha值设在120-180之间视觉效果最佳。

离线地图这块更狠，直接内置省市县三级行政数据。需要获取山东所有地级市坐标？一行代码榨干json数据：

QVector<GeoInfo> cities = echartsMap->getGeoInfoFromFile(":/shandong.json");

返回的GeoInfo结构体直接包含中文地名和精确到小数点后六位的经纬度，扔进QComboBox做地址选择器美滋滋。之前手写解析器处理json的日子真是一去不复返...

Qt百度地图综合应用源码 ### （一）、Echarts地图封装类功能特点 1. 同时支持闪烁点图、迁徙图、区域地图、仪表盘等。 2. 可以设置标题、提示信息、背景颜色、文字颜色、线条颜色、区域颜色等各种颜色。 3. 可设置城市的名称、值、经纬度 集合。 4. 可设置地图的放大倍数、是否允许鼠标滚轮缩放。 5. 内置世界地图、全国地图、省份地图、地区地图，可以精确到县，所有地图全部离线使用。 6. 内置了各省市json数据文件转js文件功能，如有数据更新自行转换即可，支持单个文件转换和一键转换所有文件。 7. 内置了从json文件或者js文件获取该区域的所有名称和经纬度信息集合的功能，可以通过该方法获取到信息用来显示。 8. 依赖浏览器组件显示地图，提供的demo支持webkit、webengine、ie 三种方式加载网页。 9. 拓展性极强，可以依葫芦画瓢自行增加各种精美的echarts组件，做出牛逼的效果。 10. 内置的仪表盘组件提供交互功能，demo演示中包含了对应的代码。 11. 函数接口友好和统一，使用简单方便，就一个类。 12. 支持任意Qt版本、任意系统、任意编译器。 ### （二）、百度地图封装类功能特点 1. 同时支持在线地图和离线地图两种模式。 2. 同时支持webkit内核、webengine内核、IE内核。 3. 支持设置多个标注点，信息包括名称、地址、经纬度。 4. 可设置地图是否可单击、拖动、鼠标滚轮缩放。 5. 可设置协议版本、秘钥、主题样式、中心坐标、中心城市、地理编码位置等。 6. 可设置地图缩放比例和级别，缩略图、比例尺、路况信息等控件的可见。 7. 支持地图交互，比如鼠标按下获取对应位置的经纬度。 8. 支持查询路线，可设置起点位置、终点位置、路线模式、路线方式、路线方案（最少时间、最少换乘、最少步行、不乘地铁、最短距离、避开高速）。 9. 可显示点线面工具，可直接在地图上划线、点、矩形、圆形等。 10. 可设置行政区划，指定某个城市区域绘制图层，在线地图自动输出行政区划边界点集合到js文件给离线地图使用。 11. 可添加多个覆盖物。 支持点、折线、多边形、矩形、圆形、弧线、点聚合等。 12. 函数接口友好和统一，使用简单方便，就一个类。 13. 支持任意Qt版本、任意系统、任意编译器。

转场看百度地图封装类，路线规划功能简直路痴救星。这个异步查询设计得很Qt：

// 创建路线查询对象 BaiduMapRoute route; route.start = "天安门"; route.end = "鸟巢"; route.mode = BaiduMap::Driving; // 驾车模式 route.policy = BaiduMap::NoHighway; // 避开高速 // 连接信号槽 connect(baiduMap, &BaiduMap::routeResult, [](const QString &result){ qDebug() << "最优路线:" << result; }); // 触发查询 baiduMap->searchRoute(route);

返回的result是经过格式化的HTML文本，直接扔到QWebEngineView里渲染就是带标注的路线图。实测发现policy参数用最少步行模式时，导航结果真的会优先选地下通道多的路线，细节到位了。

覆盖物操作更是骚断腿，随手画个电子围栏：

// 创建多边形覆盖物 QVector<BaiduMap::Coordinate> fence{ {39.915, 116.404}, {39.905, 116.414}, {39.895, 116.404} }; // 带填充色的地理围栏 baiduMap->addPolygon(fence, QColor(255,0,0,50), QColor(255,0,0), 2);

半透明的填充色在地图上标出禁区范围，borderColor参数控制边界线颜色。这个功能做物流配送的电子围栏报警简直不要太方便，坐标点超过4个自动闭合多边形。

两个封装类都支持webkit、webengine、IE三种内核，老项目用Qt4.8也不慌。实测在嵌入式Linux板子上跑webengine内核时，内存占用比浏览器方案少了40%左右。关键这俩类的接口设计高度统一，搞过ECharts的切到百度地图分分钟上手。

最后扔个彩蛋：ECharts仪表盘组件支持鼠标交互！在Qt里捕获js事件原来可以这么玩：

// 连接仪表盘点击信号 connect(echartsMap, &EchartsMap::gaugeClicked, [](int value){ QMessageBox::information(nullptr, "爆表警告", QString("当前值%1超限！").arg(value)); });

这波直接把前端可视化组件变成了可交互的GUI控件，做工业监控系统时用这个套路，甲方爸爸看了直呼专业。源码里还藏了个地图瓦片下载器，改天再单独开篇讲讲怎么薅百度地图的羊毛做离线部署...