xxxxxxxxxx<html lang="en"> <head> <meta charset="UTF-8"> <title>A basic map with MapboxGL.js</title> <!--add MapboxGLjs CSS--> <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.0/mapbox-gl.css' rel='stylesheet' /> <!--our own style rules--> <style type="text/css"> body, html { height: 90%; } #map-container { height: 100%; } </style> </head> <body> <!--The div in which the map will be created--> <div id="map-container"></div> <!--load mapboxgl.js--> <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.0/mapbox-gl.js'></script> <!--our own code to create the map--> <script> var map = new mapboxgl.Map({ container: 'map-container', style: '04_mystyle.json', hash: true, zoom: 8, pitch: 60, bearing: 62.4, center: [ 4.8, 52.4] }); // Add zoom and rotation controls to the map. map.addControl(new mapboxgl.NavigationControl(), "top-left"); </script> </body></html> https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.0/mapbox-gl.js