MapX style integration

by fxi

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Leaflet Map Example</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
    <style>
      #mapid { height: 500px; }
    </style>
  </head>
  <body>
    <div id="mapid"></div>
    <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
    <script>
      // Create a Leaflet map

      var map = L.map('mapid').setView([41.4,12.9], 3);

      // Add a tile layer to the map using the provided endpoint
      L.tileLayer('https://api.mapbox.com/styles/v1/helsinki/clepukart001801n41nedo71m/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoiaGVsc2lua2kiLCJhIjoiY2puZW5rZ3N6MGRzYzNwb3drOW12MWEzdyJ9.IZC03hW3hKtBcbMgD0_KPw', {
        attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, Imagery &copy; <a href="https://www.mapbox.com/">Mapbox</a><a href="https://www.un.org/geospatial/">© 2021 UN-GIS,</a><a href="https://mapx.org">MapX</a>',
        maxZoom: 18,
      }).addTo(map);
    </script>
  </body>
</html>