Skip to content

Instantly share code, notes, and snippets.

@markgis

markgis/basic-map-no-mapbox-styles.html

Created April 5, 2020 15:04
Show Gist options
  • Save markgis/922d40c47c494daf9a95f6e5250f7b2d to your computer and use it in GitHub Desktop.
Save markgis/922d40c47c494daf9a95f6e5250f7b2d to your computer and use it in GitHub Desktop.
Download ZIP
basic-map-no-mapbox-styles
Raw
basic-map-no-mapbox-styles.html
<script src='https://api.mapbox.com/mapbox-gl-js/v1.9.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.9.0/mapbox-gl.css' rel='stylesheet' />
<style>
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
</style>
<body>
<div id='map' </div> <script>
mapboxgl.accessToken =
'Your token here';
var map = new mapboxgl.Map({
container: 'map',
style:{
        'version': 8,
        'sources': {
         'raster-tiles': {
            'type': 'raster',
            'tiles': [
              'https://stamen-tiles.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg'
            ],
            'tileSize': 256,
          }
        },
        'layers': [{
          'id': 'simple-tiles',
          'type': 'raster',
          'source': 'raster-tiles',
          'minzoom': 0,
          'maxzoom': 22
        }]
      },
center: [-0.099197496, 51.501657],
    zoom: 14
});
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment