MapLibreMapLibre GL JS DocsExamplesCheck if MapLibre GL JS is supported

Check if MapLibre GL JS is supported

Use supported to check for MapLibre GL browser support, and show an alert if the browser does not support MapLibre GL.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Check if MapLibre GL JS is supported</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://unpkg.com/[email protected]/dist/maplibre-gl.js"></script>
<link href="https://unpkg.com/[email protected]/dist/maplibre-gl.css" rel="stylesheet" />
<style>
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
</style>
</head>
<body>
<div id="map"></div>
<script>
if (!maplibregl.supported()) {
alert('Your browser does not support MapLibre GL');
} else {
var map = new maplibregl.Map({
container: 'map',
style:
'https://api.maptiler.com/maps/streets/style.json?key=get_your_own_OpIi9ZULNHzrESv6T2vL',
center: [-74.5, 40],
zoom: 9
});
}
</script>
</body>
</html>