Erreur avec Leaflet

Version imprimable

Erreur avec Leaflet

bonjour
J'essaye d'afficher une carte leaflet dans une fenêtre en utilisant QWebEngine mais j'ai cette erreur que je n'arrive pas a résoudre :js: Uncaught ReferenceError: L is not defined

voici le code
main.cpp

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
#include <QApplication>
#include <QWebEngineView>
 
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
 
    // Créer une instance de QWebEngineView
    QWebEngineView webView;
 
    // Charger la page HTML locale contenant la carte Leaflet
    webView.setUrl(QUrl::fromLocalFile("C:/Users/david/Documents/Qt_projet/ffef/leaflet_map.html")); // Remplacez par le chemin de votre fichier HTML
 
    // Afficher la fenêtre
    webView.resize(800, 600); // Dimensions initiales
    webView.show();
 
    return app.exec();
}

leaflet_map.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<!DOCTYPE html>
<html>
<head>
    <title>Carte Leaflet</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <style>
        #map { height: 100%; }
        html, body { height: 100%; margin: 0; }
    </style>
</head>
<body>
    <div id="map"></div>
    <script>
        var map = L.map('map').setView([43.6108, 3.8767], 13); // Coordonnées pour Montpellier
        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map);
    </script>
</body>
</html>

j'utilise Qt6.8.1 avec le kit MSVC2022_64bit

j'ai testé le html ici https://html.onlineviewer.net/ et il fonctionne correctement.

si quelqu'un a une solution a mon problème merci d'avance pour votre aide.

17/01/2025, 22h21
dourouc05

:salut:

Ton erreur me fait penser que tu n'arrives pas à charger Leaflet. Y aurait-il un problème lorsque tu charges le fichier JS externe ? Que se passe-t-il si tu charges plutôt un fichier local (par exemple, tu télécharges leaflet.js sur ton PC et tu fais pointer ta page dessus) ?

Solution potentielle : webView->page()->mainFrame()->evaluateJavaScript et tu passes en argument le contenu du fichier leaftlet.js.

Sur le forum, quelqu'un d'autre a eu le même problème avec Qt WebEngine : https://www.developpez.net/forums/d2...s-not-defined/
20/01/2025, 12h14
jennif56l

1 pièce(s) jointe(s)

merci dourouc05 pour ta réponse

j'ai testé en chargeant les fichiers localement et il y a du mieux mais les tuiles de la carte ne se chargent pas

Pièce jointe 663733
22/01/2025, 01h17
dourouc05

Cela semble indiquer un problème de connexion à Internet, vu que tu n'arrives pas à charger les tuiles correspondantes. Je suppose que tu peux afficher les messages d'erreur de Leaflet avec https://doc.qt.io/qt-6/qtwebengine-debugging.html ?

j'ai fini par trouver une solution a mon problème en passant QWebEngineSettings::LocalContentCanAccessRemoteUrls à "true"

Code:

webView.page()->settings()->setAttribute(QWebEngineSettings::LocalContentCanAccessRemoteUrls, true);

la doc est ici https://doc.qt.io/qt-6/qwebenginesettings.html

je vous remets le main.cpp complet
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 #include <QApplication> #include <QWebEngineView> #include <QWebEngineSettings> int main(int argc, char *argv[]) { QApplication app(argc, argv); // Créer une instance de QWebEngineView QWebEngineView webView; // Charger la page HTML locale contenant la carte Leaflet webView.page()->settings()->setAttribute(QWebEngineSettings::LocalContentCanAccessRemoteUrls, true); webView.setUrl(QUrl::fromLocalFile("..../Qt_projet/ffef/leaflet_map.html")); // Remplacez par le chemin de votre fichier HTML // Afficher la fenêtre webView.resize(800, 600); // Dimensions initiales webView.show(); return app.exec(); }
et je passe le sujet en résolu