rodolpheg

Untitled

Feb 26th, 2020
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.41 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <head>
  7. <title>Une carte editable par les utilisateurs/trices</title>
  8. <meta charset="UTF-8">
  9. <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
  10. <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
  11. <!-- Les bibliothèques de Firebase -->
  12. <script src="https://www.gstatic.com/firebasejs/7.8.1/firebase-app.js"></script>
  13. <script src="https://www.gstatic.com/firebasejs/7.8.1/firebase-auth.js"></script>
  14. <script src="https://www.gstatic.com/firebasejs/7.8.1/firebase-database.js"></script>
  15. <style>
  16. html, body {height: 100%; margin: 0;}
  17. #Carte { width: 100%; height: 100%; }
  18. </style>
  19. </head>
  20. </head>
  21. <body>
  22. <div id='Carte'></div>
  23. <script>
  24. // créer la carte, remplacez VOTRE_TOKEN pour la clef que vous trouverez là : https://account.mapbox.com
  25. //var fondDeCarte = L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/outdoors-v11/tiles/{z}/{x}/{y}?access_token=VOTRE_TOKEN');
  26. // décochez la ligne suivante si vous n'avez pas de compte MapBox
  27. var fondDeCarte = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
  28. var maCarte = L.map('Carte', {
  29. center: [45.52,-73.63],
  30. zoom: 13,
  31. layers: fondDeCarte,
  32. zoomControl: false
  33. });
  34. maCarte.setView([0,0], 2);
  35. </script>
  36. </body>
  37. </html>
Advertisement
Add Comment
Please, Sign In to add comment