找回密码
 立即注册
收起左侧

Qt编写地图综合应用55-海量点位标注

0
回复
2985
查看
[复制链接]
累计签到:7 天
连续签到:1 天
来源: 2022-1-27 09:52:35 显示全部楼层 |阅读模式
## 一、前言
海量点位标注的出现,是为了解决普通设备点超过几百个性能极速降低的问题,普通的marker标注由于采用的是对象的形式存在于地图中,数量越多,占用内存特别大,超过1000个点性能极其糟糕,哪怕是用点聚合,拖动地图的时候更是一卡卡,简称卡成屎,加载的时候也是慢成一坨屎,所以迫切需要一个其他的形式来支持成千上万的海量点,最好的方式就是绘制图形,精简掉很多属性,比如自定义图标、旋转角度、单击动画跳动等一堆特性,这些其实大部分时候是不需要的,在海量点的场景下,完全可以牺牲这些特性,然后采用最简单的绘制图形的形式来绘制海量点,提供最基础的一个功能就是识别单击了哪个点就行。


海量点位标注核心就是采用地图内置的js对象类PointCollection,传入点位的经纬度坐标集合,同时还可以统一设置点的颜色、点的大小、点的形状,通过addEventListener监听单击事件判断单击了哪个点,最后通过添加覆盖物的形式将一个海量点覆盖物添加到地图中。


尺寸参数:
- 1 = BMAP_POINT_SIZE_TINY      2px*2px
- 2 = BMAP_POINT_SIZE_SMALLER   4px*4px
- 3 = BMAP_POINT_SIZE_SMALL     8px*8px
- 4 = BMAP_POINT_SIZE_NORMAL    10px*10px 默认值
- 5 = BMAP_POINT_SIZE_BIG       16px*16px
- 6 = BMAP_POINT_SIZE_BIGGER    20px*20px
- 7 = BMAP_POINT_SIZE_HUGE      30px*30px


形状参数:
- 1 = BMAP_POINT_SHAPE_CIRCLE   圆形 默认值
- 2 = BMAP_POINT_SHAPE_STAR     星形
- 3 = BMAP_POINT_SHAPE_SQUARE   方形
- 4 = BMAP_POINT_SHAPE_RHOMBUS  菱形
- 5 = BMAP_POINT_SHAPE_WATERDROP水滴


## 二、功能特点
1. 定时器排队下载省市轮廓图点坐标集合存储到JS文件。
2. 支持一个行政区域多个不规则区域下载。
3. 自动计算行政区域的下载轮廓数量。
4. 可精确选择省份、市区、县城,也可直接输入行政区域的名称。
5. 可以设置下载间隔、随时开始下载和停止下载。
6. 提供编辑边界功能,可以直接在地图上编辑好不规则区域的点集合,然后获取边界点集合数据,这个可以用来自己绘制区域拿到数据,比如某个乡镇甚至某个小区的行政区域数据,很牛逼。


## 三、体验地址
1. 体验地址:[https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A](https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A) 提取码:o05q  文件名:bin_map.zip
2. 国内站点:[https://gitee.com/feiyangqingyun](https://gitee.com/feiyangqingyun)
3. 国际站点:[https://github.com/feiyangqingyun](https://github.com/feiyangqingyun)
4. 个人主页:[https://blog.csdn.net/feiyangqingyun](https://blog.csdn.net/feiyangqingyun)
5. 知乎主页:[https://www.zhihu.com/people/feiyangqingyun/](https://www.zhihu.com/people/feiyangqingyun/)


## 四、效果图



## 五、相关代码
```c++
void frmMapMarkers::addMarker()
{
    //先清空原有的所有覆盖物包括标注点
    runJs("deleteOverlay('')");


    //取出定位点经纬度大值
    QString point = ui->txtPointLeftBottom->text();
    QStringList list = point.split(",");
    double lng = list.first().toDouble();
    double lat = list.last().toDouble();


    //经纬度小数点值最大值
    float dotLng = 0.015;
    float dotLat = 0.011;


    //限定最大数量
    int index = ui->cboxType->currentIndex();
    int count = ui->cboxCount->currentText().toInt();
    int maxCount = 300;
    if (index == 1) {
        maxCount = 1000;
    } else if (index == 2) {
        maxCount = 50000;
    }


    if (count > maxCount) {
        QString info = QString("由于官方该方法性能有限, 建议数量不要超过 %1 !").arg(maxCount);
        QUIHelper::showMessageBoxError(info);
        return;
    }


    //不同类型不同处理,随机模拟经纬度,可以自行调整范围值
    if (index == 0) {
        //添加标注点
        for (int i = 0; i < count; ++i) {
            QStringList points = QUIHelper::getRandPoint(1, lng, lat, dotLng, dotLat);
            QString js = QString("addMarker('', '', '', '', 30, '%1')").arg(points.first());
            runJs(js);
        }
    } else if (index == 1) {
        //添加点聚合
        QStringList points = QUIHelper::getRandPoint(count, lng, lat, dotLng, dotLat);
        QString js = QString("addMarkerClusterer('%1')").arg(points.join("|"));
        runJs(js);
    } else if (index == 2) {
        //添加海量点
        QStringList points = QUIHelper::getRandPoint(count, lng, lat, dotLng, dotLat);
        QString js = QString("addPointCollection('%1', '#A279C5')").arg(points.join("|"));
        runJs(js);
    }
}


void frmMapMarkers:n_btnDo_clicked()
{
    //自动获取当前区域边界
    runJs("getBounds()");
}
```

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

公告
可以关注我们的微信公众号yafeilinux_friends获取最新动态,或者加入QQ会员群进行交流:190741849、186601429(已满) 我知道了