How to display the cookies consent bar according to the visitor’s location
This tutorial shows how to display the cookies consent bar according to the visitor’s location usign the MapTiler Geolocation API.
- Copy the following code, paste it into your favorite text editor, and save it as a
.htmlfile. - Include the cookie consent bar JavaScript and CSS files in the
<head>of your HTML file. To display the cookie consent bar, we will use a third-party library (you can use any library you like or implement your own). In the example we are using Osano Cookie Consent. - Call MapTiler’s Geolocation API to get information about the visitor’s location based on the IP address.
- Replace
YOUR_MAPTILER_API_KEY_HEREwith your actual MapTiler API key. - Get the user’s location country code.
- Initialize the cookie consent bar using the user’s country code.
Related guides
- Automatically created API key
- Check if MapLibre GL JS is supported
- Coordinates API
- Dataset upload - formats and limits
- Difference between 256x256, 512x512, and HiDPI/Retina rasterized tiles
- Exported Tiles Multiplier
- Generalization in maps
- How are the tile requests cached in web browser?
- How MapTiler map tiles are Generated and Delivered
- How to add Geocoding control to Maplibre GL JS map
On this page