AVUXI Maps are the same maps you love from our widgets, but for your use in any application. AVUXI maps are raster tiles ready to use with any mainstream framework or application such as:

• Leaflet
• Maplibre (or Mapbox, if you prefer so)
• Openlayers

and in general any mapping solution that can use slippy maps. To use AVUXI maps, simply subscribe to the service and add a Maps Script to your project to obtain your token. Then specify the map URL in your application in the form of:

https://{s}-tile.paris.avuxi.com/avuxi-th2/{z}/{x}/{y}.png?avuxiKey=YOUR_SCRIPT_TOKEN

or

https://tile.paris.avuxi.com/avuxi-th2/{z}/{x}/{y}.png?avuxiKey=YOUR_SCRIPT_TOKEN

Note that the first form will enable the browser to download from multiple simultaneous connections. If your map library does not support this form, use the second one. Do make sure to replace with the correct script token.

This is a sample Leaflet map:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="<https://unpkg.com/[email protected]/dist/leaflet.css>"
   integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
   crossorigin=""/>
  <script src="<https://unpkg.com/[email protected]/dist/leaflet.js>"
   integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
   crossorigin=""></script>
  <style>
    #map { height: 100vh; }
  </style>
  <title>Leaflet sample</title>
</head>
<body>
  <div id="map"></div>
  <script>
    var map = L.map('map').setView([51.505, -0.09], 13);
    L.tileLayer('https://{s}-tile.paris.avuxi.com/avuxi-th2/{z}/{x}/{y}.png?avuxiKey=YOUR_AVUXI_KEY', {
      attribution: '<a href="<https://www.avuxi.com>">AVUXI TopMap &copy;</a> | &copy; <a href="<https://osm.org/copyright>">OpenStreetMap</a> contributors',
      maxZoom: 18,
      id: 'avuxiMaps',
    }).addTo(map);
  </script>
</body>
</html>

will render a map such as

NOTE: You must include proper attribution when using AVUXI Maps:

<a href=["<https://www.avuxi.com/topplace>"](<https://www.avuxi.com/topplace>) target="_blank" style="color:#07b408;" title="© Maps layers by TopPlace™">© TopPlace™ AVUXI</a>

< Return to Main Menu