Qt编写地图综合应用18-地图模式

一、前言

除了传统的街道图地图外，默认的一般都是街道图，还有卫星图、三维图等，其中又有叠加层，比如叠加路况图层和路网图层等，最近去了多家的地图官网看对应的api接口，总体上感觉现在都往2.5D或者3D这块发展，估计这也是未来的一个大趋势，记得有个长辈程序员，花了很多年专门研究opengl之类的玩意，将现有的电网系统换成了3D的，甚至取了个高大上的名字叫世界电网互联系统，直接可以旋转一个球体，查看各种电网路线等，而且现在的安防行业好像也在往3D方向发展，甚至和物联网结合，以3D的模式呈现一栋大楼或者一个小区的三维场景，报警点也是三维呈现，这个效果非常惊艳，一不小心就把大领导震撼了，然后经费就来了。

百度地图本身提供了普通模式、地球模式、三维模式、地铁模式等好多种，普通模式是最常用的默认的，就是那个街道图和卫星图的，而地球模式和三维模式是最近几年才新增加的，为了迎合现在越来越多的用户的需求，地球模式和三维模式需要使用新的API接口，之前都是BMAP开头，而他是BMAPGL开头，连点坐标等对象都是BMAPGL.Point之类的对象了，看名字就知道这些玩意估计都用了opengl之类的玩意来实现和渲染。

二、功能特点

1. 同时支持在线地图和离线地图两种模式。
2. 同时支持webkit内核、webengine内核、IE内核。
3. 支持设置多个标注点，信息包括名称、地址、经纬度。
4. 可设置地图是否可单击、拖动、鼠标滚轮缩放。
5. 可设置协议版本、秘钥、主题样式、中心坐标、中心城市、地理编码位置等。
6. 可设置地图缩放比例和级别，缩略图、比例尺、路况信息等控件的可见。
7. 支持地图交互，比如鼠标按下获取对应位置的经纬度。
8. 支持查询路线，可设置起点位置、终点位置、路线模式、路线方式、路线方案（最少时间、最少换乘、最少步行、不乘地铁、最短距离、避开高速）。
9. 可显示点线面工具，可直接在地图上划线、点、矩形、圆形等。
10. 可设置行政区划，指定某个城市区域绘制图层，在线地图自动输出行政区划边界点集合到js文件给离线地图使用。
11. 可静态或者动态添加多个覆盖物。支持点、折线、多边形、矩形、圆形、弧线、点聚合等。
12. 函数接口友好和统一，使用简单方便，就一个类。
13. 支持js动态交互添加点、删除点、清空点、重置点，不需要刷新页面。
14. 支持任意Qt版本、任意系统、任意编译器。

三、体验地址

1. 国内站点：https://gitee.com/feiyangqingyun
2. 国际站点：https://github.com/feiyangqingyun
3. 个人主页：https://blog.csdn.net/feiyangqingyun
4. 知乎主页：https://www.zhihu.com/people/feiyangqingyun/

四、效果图

五、相关代码

void MapBaiDu::addProperty(QStringList &list)
{
    if (mapType == 0) {
        //定义地图对象
        list << QString("  var map = new BMap.Map('map', {minZoom:%1, maxZoom:%2, enableMapClick:%3});")
             .arg(mapMinZoom).arg(mapMaxZoom).arg(enableMapClick ? "true" : "false");
        list << QString("  var point = new BMap.Point(%1);").arg(mapCenterPoint);
    } else if (!mapLocal) {
        //只有在线地图才有其他几种
        if (mapType == 1) {
            //设置地图类型为地球模式  BMap对象全部改为BMapGL
            list << QString("  var map = new BMapGL.Map('map');");
            list << QString("  var point = new BMapGL.Point(%1);").arg(mapCenterPoint);
            list << QString("  map.setMapType(BMAP_EARTH_MAP);");
        } else if (mapType == 2) {
            list << QString("  var map = new BMapGL.Map('map');");
            list << QString("  var point = new BMapGL.Point(%1);").arg(mapCenterPoint);
        } else if (mapType == 3) {
            list << QString("  var subwayCityName = '%1';").arg(mapCenterCity);
            list << QString("  var list = BMapSub.SubwayCitiesList;");
            list << QString("  var subwaycity = null;");
            list << QString("  for (var i = 0; i < list.length; i++) {");
            list << QString("    if (list[i].name === subwayCityName) {");
            list << QString("      subwaycity = list[i];");
            list << QString("      break;");
            list << QString("    }");
            list << QString("  }");

            list << QString("  var map = new BMapSub.Subway('map', subwaycity.citycode);");
            list << QString("  var zoomControl = new BMapSub.ZoomControl({");
            list << QString("  anchor: BMAPSUB_ANCHOR_BOTTOM_RIGHT,");
            list << QString("  offset: new BMapSub.Size(10,100)");
            list << QString("  });");
            list << QString("  map.addControl(zoomControl);");
            list << QString("  map.setZoom(0.5);");
        }
    }
}