专栏首页Qt项目实战Qt编写地图综合应用19-地图服务
原创

Qt编写地图综合应用19-地图服务

一、前言

国内提供地图服务的厂家基本上是五家,百度地图、高德地图、腾讯地图、搜狗地图、天地图,国外的一般还有谷歌地图、微软地图(BING地图),这几家的地图服务的api接口都大同小异,甚至很多函数的名字都一模一样,毕竟叫的很通俗,这样也很容易理解,除了引入的地图服务JS文件不同,对象名称不同,其他大多数都类似,这就给了程序员很方便的统一的思路,整体上的流程都如下:

  1. 注册账号申请对应的秘钥
  2. 秘钥可以自行选择对应的可用的功能
  3. 引入地图JS文件,一个固定的地址带上版本和秘钥
  4. 在网页的body中设置一个div图层对象用来存放地图
  5. 将地图对象new出来,设置地图的属性
  6. 设置属性既可以是调用方法也可以是直接类似json数据的格式放置
  7. 自定义JS函数设置其他功能与界面交互

二、功能特点

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

三、体验地址

  1. 体验地址:https://pan.baidu.com/s/1uQsDQO5E5crUBN2J-nPeLQ 提取码:1jkp 文件名:bin_map.zip
  2. 国内站点:https://gitee.com/feiyangqingyun
  3. 国际站点:https://github.com/feiyangqingyun
  4. 个人主页:https://blog.csdn.net/feiyangqingyun
  5. 知乎主页:https://www.zhihu.com/people/feiyangqingyun/

四、效果图

![](https://oscimg.oschina.net/oscnet/up-a35754415f1761b72944767b46ce8f528bb.gif)

五、相关代码

void MapGaoDe::addProperty(QStringList &list)
{
    if (mapType == 0) {
        //定义地图对象
        list << QString("  var map = new AMap.Map('map', {");
        list << QString("    zoom:%1,").arg(mapZoom);
        list << QString("    zooms:[%1, %2],").arg(mapMinZoom).arg(mapMaxZoom);
        list << QString("    zoomEnable:%1,").arg("true");
        list << QString("    dragEnable:%1,").arg(enableDragging ? "true" : "false");
        list << QString("    doubleClickZoom:%1,").arg(enableDoubleClickZoom ? "true" : "false");
        list << QString("    keyboardEnable:%1,").arg(enableKeyboard ? "true" : "false");
        list << QString("    scrollWheel:%1,").arg(enableScrollWheelZoom ? "true" : "false");
        list << QString("    mapStyle:'amap://styles/%1'").arg(mapStyleName);
        list << QString("  });");
    } else if (!mapLocal) {

    }

    //初始化地图,设置中心点坐标或者中心城市和地图级别.优先按照中心坐标设置
    //离线地图需要采用中心点坐标的形式
    if (!mapCenterPoint.isEmpty()) {
        list << QString("  map.setCenter([%1]);").arg(mapCenterPoint);
    } else {
        list << QString("  map.setCity('%1');").arg(mapCenterCity);
    }

    //通过独立的UI组件来加载
    list << QString("  AMapUI.loadUI(['control/BasicControl'], function(BasicControl) {");

    //添加缩放控件
    if (showNavigationControl) {
        //lb=left bottom lt=left top
        list << QString("  map.addControl(new BasicControl.Zoom({position:'lt', showZoomNum:true}));");
    }

    //添加图层控件
    if (showMapTypeControl) {
        list << QString("  map.addControl(new BasicControl.LayerSwitcher({position:'rt'}));");
    }

    //添加路况控件,离线地图没有实时路况
    if (showTrafficControl && !mapLocal) {
        list << QString("  map.addControl(new BasicControl.Traffic({position:'rb'}));");
    }

    list << QString("  });");

    //设置鼠标单击获取经度纬度,通过信号发出去
    if (enableClickPoint) {
        list << QString("  map.on('click', function(e) {");
        list << QString("    window.%1('point', e.lnglat.getLng() + \",\" + e.lnglat.getLat());").arg(callFun);
        list << QString("  });");
    }
}

void MapTengXun::addProperty(QStringList &list)
{
    if (mapType == 0) {
        //定义地图对象
        list << QString("  var point = new qq.maps.LatLng(%1);").arg(mapCenterPoint);
        list << QString("  var map = new qq.maps.Map('map', {");
        list << QString("    center:point,");
        list << QString("    zoom:%1,").arg(mapZoom);
        list << QString("    zooms:[%1, %2],").arg(mapMinZoom).arg(mapMaxZoom);
        list << QString("    zoomEnable:%1,").arg("true");
        list << QString("    dragEnable:%1,").arg(enableDragging ? "true" : "false");
        list << QString("    doubleClickZoom:%1,").arg(enableDoubleClickZoom ? "true" : "false");
        list << QString("    keyboardEnable:%1,").arg(enableKeyboard ? "true" : "false");
        list << QString("    scrollWheel:%1,").arg(enableScrollWheelZoom ? "true" : "false");
        list << QString("    mapStyleId:'%1'").arg(mapStyleName);
        list << QString("  });");
    } else if (!mapLocal) {

    }

    //初始化地图,设置中心点坐标或者中心城市和地图级别.优先按照中心坐标设置
    //离线地图需要采用中心点坐标的形式
    if (!mapCenterPoint.isEmpty()) {
        list << QString("  map.panTo(new qq.maps.LatLng(%1));").arg(mapCenterPoint);
    } else {
        list << QString("  map.panTo('%1');").arg(mapCenterCity);
    }
}

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Qt编写地图综合应用9-行政区划

    行政区划在地图应用中非常有用,行政区划是行政区域划分的简称,是国家为了进行分级管理而实行的区域划分,百度地图提供的内置的函数类支持传入行政区划的名称来获取对应的...

    feiyangqingyun
  • Qt编写地图综合应用13-获取边界点

    获取边界点一般和行政区划搭配起来使用,比如用户输入一个省市的名称,然后自动定位到该省市,然后对该轮廓获取所有边界点集合输出到js文件,最后供离线使用,获取边界点...

    feiyangqingyun
  • Qt编写地图综合应用6-百度在线地图

    百度在线地图的应用老早就做过,后面经过不断的完善才到今天的这个程序,除了基本的可以载入地图并设置一些相关的属性以外,还增加了各种js函数直接异步加载数据比如动态...

    feiyangqingyun
  • Python-数据解析-职位信息-中

    在 Spider 类中,定义一个用于解析网页的方法 parse_page(),分别使用 re 模块、lxml 和 bs4 库进行实现。

    小团子
  • python将字符串类型list转换成list

    python读取了一个list是字符串形式的'[11.23,23.34]',想转换成list类型:

    机器学习和大数据挖掘
  • Python基础(list类)

    5、pop([i]) #删除并返回位置为 i 的元素,若省略参数,则表示删除最后一个元素 栈:LIFO(后进先出)

    py3study
  • python---集合

    py3study
  • java转python记录 一

    前提条件:本人从事java工作3年左右,由于大数据形势的驱动下,准备从事大数据行业,以python作为起点向大数据进军。

    py3study
  • Python11 集合

    使用discard删除,与remove不同的是,如果删除的元素不存在,discard不会报错。

    py3study
  • Python 嵌套列表展开

    问题1:对于列表形如 list_1 = [[1, 2], [3, 4, 5], [6, 7], [8], [9]] 转化成列表 list_2 = [1, 2, ...

    py3study

扫码关注云+社区

领取腾讯云代金券