Erreur avec Leaflet

**jennif56l** · 17/01/2025, 09h39

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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/[email protected]/dist/leaflet.css" />
    <script src="https://unpkg.com/[email protected]/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.

**dourouc05** · 17/01/2025, 22h21

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/

**jennif56l** · 20/01/2025, 12h14

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

Nom : test.jpg
Affichages : 120
Taille : 59,5 Ko

Nom : test.jpg
Affichages : 120
Taille : 59,5 Ko

**dourouc05** · 22/01/2025, 01h17

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 ?

**jennif56l** · 23/01/2025, 08h11

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

Erreur avec Leaflet [Qt WebEngine]

Moteurs Web

Discussions similaires

Partager

Partager