All docsNMaps GL JS DocsExamplesCheck if NMaps GL JS is supported

Check if NMaps GL JS is supported

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Check if NMaps GL JS is supported</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://cdn.ndrive.com/nmapsgl/v1.6.6/nmaps-gl.js"></script>
<link href="https://cdn.ndrive.com/nmapsgl/v1.6.6/nmaps-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>
// TO MAKE THE MAP APPEAR YOU MUST ADD YOUR ACCESS TOKEN
nmapsgl.accessToken = '<your access token here>';
if (!nmapsgl.supported()) {
alert('Your browser does not support NMaps GL');
} else {
const map = new nmapsgl.Map({
container: 'map',
style: 'Streets',
center: [-74.5, 40],
zoom: 9
});
}
</script>
</body>
</html>