Je suis nouveau dans le monde de l'électronique mais je veux utiliser Leaflet pour faire du mapping magique.
J'ai créé une application électronique de base avec l'index.js selon l'exemple de base. J'ai également ajouté un index.hetml de base :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="map"></div>
</body>
<script>
require('./renderer')
</script>
</html>
Et le truc de Leaflet dans le fichier renderer.js.
window.L = require('leaflet')
var map = L.map('map').setView([51.0420175, 13.7358889], 12)
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
Lorsque je lance l'application, la fenêtre s'ouvre et quelques MapTiles s'affichent. Mais ils ne sont pas tous chargés et ils se mélangent lorsque je redimensionne la fenêtre :
et
Quel est le problème avec mon code ?