QWebEngineView显示白屏-解网

问：

我正在尝试通过 Qt6 中的传单向我的应用程序添加地图，但是当我使用 WebEngine 并打开本地 html 时，它只显示一个白屏。如果我在普通浏览器中运行此页面，一切正常。问题是什么？

主窗口 .cpp：

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    // Создание модели списка изображений
    imageListModel = new QStringListModel(this);
    ui->SelectedImagesList->setModel(imageListModel);

    QWebEngineView* webView = new QWebEngineView(ui->MapViewFake);
    QUrl url = QUrl("qrc:///map/index.html");


    webView->setGeometry(150, 10, 991, 611);

}

用户界面：

Html格式：

// Создание карты и установка начальных координат и масштаба
var map = L.map('map').setView([51.505, -0.09], 13);

// Добавление слоя OpenStreetMap
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',
    maxZoom: 18,
}).addTo(map);

body {
    padding: 0;
    margin: 0;
}
html, body, #map {
    height: 100%;
    width: 100%;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Map</title>

    <link rel="stylesheet" href="style.css"/>
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
    <script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
</head>
<body>
    <div id="map"></div>

    <script src="index.js"></script>
</body>
</html>

结果：

javascript html qt qt6 qtweb 引擎

QWebEngineView显示白屏

QWebEngineView display white screen

评论