Existe-t-il un moyen d'afficher une carte pour une zone donnée complètement hors ligne à l'aide de HTML et de JavaScript? Je suis à la recherche d'une solution adaptée aux mobiles (lire Cordova).Carte HTML hors ligne avec mosaïques locales via la brochure
Il existe une solution élégante pour ce problème dans this blog post. J'ai compilé un exemple de code complet à partir de celui-ci. Voici les étapes:
1. Créer des tuiles carte
2. Mettre en place HTML et JavaScript
3. Vous êtes tous ensemble ! Prendre plaisir!
<!DOCTYPE html>
<html>
\t <head>
\t \t <title>Leaflet offline map</title>
\t \t <link rel="stylesheet" charset="utf-8" href="leaflet.css" />
\t <script type="text/javascript" charset="utf-8" src="leaflet.js"></script>
\t \t <script>
\t \t \t function onLoad() {
\t \t \t \t var mymap = L.map('mapid').setView([50.08748, 14.42132], 16);
\t \t \t \t L.tileLayer('atlasName/{z}/{x}/{y}.png',
\t \t \t \t { maxZoom: 16 }).addTo(mymap);
\t \t \t }
\t \t </script> \t
\t </head>
\t <body onload="onLoad();">
\t \t <div id="mapid" style="height: 500px;"></div>
\t </body>
</html>