Mapilion Rastertile Beta

Currently just a BETA

by boldtrn

HTML

<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
    <title>Mapilion Hillshading V1</title>

    <link rel="stylesheet" href="https://npmcdn.com/[email protected]/dist/leaflet.css" />
    <script src="https://npmcdn.com/[email protected]/dist/leaflet.js"></script>
  </head>

  <body>
    <div id="map"></div>
  </body>

</html>

CSS

body {
  margin: 0;
  padding: 0;
}

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

JavaScript

var mapilion = L.tileLayer('https://mapilion-vector-and-raster-map-tiles.p.rapidapi.com/rapid-api/raster/kurviger-liberty/{z}/{x}/{y}?rapidapi-key=58f9eb44e1msh73c9bc196e9ba9dp106ef0jsn85dbd798489d', {
   attribution: '&copy; <a href="https://mapilion.com/attribution">Mapilion</a> <a href="http://www.openmaptiles.org/" target="_blank">&copy; OpenMapTiles</a> <a href="http://www.openstreetmap.org/about/" target="_blank">&copy; OpenStreetMap contributors</a>',
 });

 var map = L.map('map', {
   center: [40, -30],
   zoom: 3,
   minZoom: 0,
   maxZoom: 18,
   layers: [mapilion]
 });