一、前言
离线地图的加载其实和在线地图的加载方法几乎一样,唯一的最大区别就是,之前可能一个js文件引入即可,现在需要多个本地的js文件引入,而且网上流传的js文件的版本比较旧,意味着现在新版的支持opengl形式的地图无法支持,后期再去网上搜索找找看能不能搞到最新的版本。
离线地图加载依赖一堆的js文件,整个文件夹可以自定义放置的位置,在网页代码引入的时候指定位置就行,一般建议就放在可执行文件下新建一个目录专门存放,这样管理方便,离线地图对应的图片文件目录也是可配置的,也建议放在这个目录下。
二、功能特点
- 多线程同步下载多级别瓦片地图,不卡界面。
- 内置多个离线地图下载请求地址,自动随机选择一个发送请求。
- 下载地图类型同时支持街道图和卫星图。
- 自动计算可视区域或者行政区域的下载瓦片数量。
- 下载的级别可以自定义范围和选择。
- 每个瓦片下载完成都发送信号通知,参数包括下载用时。
- 可设置下载最大超时时间,超过了则丢弃跳到下一个下载任务。
- 实时显示下载进度,以及当前级别已经下载的瓦片数和总瓦片数。
- 下载过程中可以停止下载,下载完成自动统计总用时。
- 内置经纬度和屏幕坐标互相转换函数。
- 目前支持百度地图,其他地图比如谷歌地图、腾讯地图、高德地图可以定制。
- 函数接口友好和统一,使用简单方便,就一个类。
- 支持任意Qt版本、任意系统、任意编译器。
三、体验地址
- 体验地址:https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取码:o05q 文件名:bin_map.zip
- 国内站点:https://gitee.com/feiyangqingyun
- 国际站点:https://github.com/feiyangqingyun
- 个人主页:https://blog.csdn.net/feiyangqingyun
- 知乎主页:https://www.zhihu.com/people/feiyangqingyun/
四、效果图
在这里插入图片描述五、相关代码
void frmMapDownload::getCount()
{
//计算瓦片数
QString pointLeftBottom = ui->txtPointLeftBottom->text();
QString pointRightTop = ui->txtPointRightTop->text();
QStringList listLeftBottom = pointLeftBottom.split(",");
QStringList listRightTop = pointRightTop.split(",");
double lngLeftBottom = listLeftBottom.at(0).toDouble();
double latLeftBottom = listLeftBottom.at(1).toDouble();
double lngRightTop = listRightTop.at(0).toDouble();
double latRightTop = listRightTop.at(1).toDouble();
//mapType=0表示百度地图 =4表示谷歌地图
int mapType = ui->cboxMapType->currentIndex();
for (int zoom = indexMin; zoom <= indexMax; zoom++) {
int index = zoom - indexMin;
//不同的地图计算的坐标不一样
QPoint pt1, pt2;
if (mapType == 3) {
pt1 = WebHelper::lngLatToTileTian(lngLeftBottom, latLeftBottom, zoom);
pt2 = WebHelper::lngLatToTileTian(lngRightTop, latRightTop, zoom);
} else if (mapType == 4) {
pt1 = WebHelper::lngLatToTileGoogle(lngLeftBottom, latLeftBottom, zoom);
pt2 = WebHelper::lngLatToTileGoogle(lngRightTop, latRightTop, zoom);
} else {
pt1 = WebHelper::lngLatToTileBaiDu(lngLeftBottom, latLeftBottom, zoom);
pt2 = WebHelper::lngLatToTileBaiDu(lngRightTop, latRightTop, zoom);
}
//计算XY坐标最大值最小值
int xmin = qMin(pt1.x(), pt2.x());
int xmax = qMax(pt1.x(), pt2.x());
int ymin = qMin(pt1.y(), pt2.y());
int ymax = qMax(pt1.y(), pt2.y());
pt1 = QPoint(xmin, ymin);
pt2 = QPoint(xmax, ymax);
//方便打印查看计算的结果
if (zoom == 20) {
qDebug() << lngLeftBottom << latLeftBottom << lngRightTop << latRightTop << pt1 << pt2;
}
//当前级别的瓦片数
int count = 0;
for (int j = xmin; j <= xmax; j++) {
for (int k = ymin; k <= ymax; k++) {
count++;
}
}
//显示对应的瓦片总数,设置进度条参数,并更新对应的值
if (count > 0) {
bars.at(index)->setRange(0, count);
}
bars.at(index)->setValue(0);
labs.at(index)->setText(QString::number(count));
pointLeftBottoms[index] = pt1;
pointRightTops[index] = pt2;
}
}
void frmMapDownload::clear()
{
//先进度条全部置为0
currentCount = 0;
foreach (QProgressBar *bar, bars) {
bar->setValue(0);
}
}
void frmMapDownload::receiveDataFromJs(const QString &type, const QVariant &data)
{
if (data.isNull()) {
return;
}
//qDebug() << "frmMapDownload" << type << data;
QString result = data.toString();
if (type == "zoom") {
float zoom = result.toFloat();
QString strZoom = QString::number(zoom, 'f', 3);
ui->txtZoom->setText(strZoom);
} else if (type == "bounds") {
QStringList list = result.split(",");
if (list.count() == 7) {
QString lat, lng, point;
lng = WebHelper::getLngLat1(list.at(0));
lat = WebHelper::getLngLat1(list.at(1));
point = QString("%1,%2").arg(lng).arg(lat);
ui->txtPointLeftBottom->setText(point);
lng = WebHelper::getLngLat1(list.at(2));
lat = WebHelper::getLngLat1(list.at(3));
point = QString("%1,%2").arg(lng).arg(lat);
ui->txtPointRightTop->setText(point);
lng = WebHelper::getLngLat1(list.at(4));
lat = WebHelper::getLngLat1(list.at(5));
point = QString("%1,%2").arg(lng).arg(lat);
ui->txtPointCenter->setText(point);
float zoom = list.at(6).toFloat();
QString strZoom = QString::number(zoom, 'f', 3);
ui->txtZoom->setText(strZoom);
//自动统计瓦片数
this->getCount();
//滚动条滚到最下面,一般都是需要下载级别大的
ui->tableWidget->scrollToBottom();
}
} else if (type == "point") {
QString point = WebHelper::getLngLat2(result);
ui->txtPointCenter->setText(point);
}
}
网友评论