Get started with mapbox-gl CDN

SEE LICENSE IN https://github.com/mapbox/mapbox-gl-js/blob/main/LICENSE.txt licensed

Mapbox-GL is a library for interactive, customizable maps in the web browser.

Tags:
  • map
  • mapbox
  • mapping

Stable version

Copied!

How to start using mapbox-gl CDN


// Include Mapbox GL JS from the CDN
const mapboxgl = document.createElement('script');
mapboxgl.src = 'https://cdn.cdnhub.io/mapbox-gl/3.2.0/mapbox-gl.js';
document.head.appendChild(mapboxgl);

// Wait for Mapbox GL JS to load
mapboxgl.onload = () => {
  // Create a map in an element with id 'map'
  const map = new mapboxgl.Map({
    container: 'map', // replace 'map' with the id of your map container
    style: 'mapbox://styles/mapbox/streets-v11', // replace with your preferred map style
    center: [-122.4194, 37.7749], // starting position [longitude, latitude]
    zoom: 13
  });

  // Add a marker at the starting position
  new mapboxgl.Marker()
    .setLngLat([-122.4194, 37.7749])
    .addTo(map);
};
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions

0.10.0 0.11.0 0.11.1 0.11.2 0.11.3 0.11.4 0.11.5 0.12.0 0.12.1 0.12.2 0.12.3 0.12.4 0.13.1 0.14.0 0.14.1 0.14.2 0.14.3 0.15.0 0.16.0 0.17.0 0.18.0 0.19.0 0.19.1 0.20.0 0.20.1 0.21.0 0.22.0 0.22.1 0.23.0 0.24.0 0.25.0 0.25.1 0.26.0 0.27.0 0.28.0 0.29.0 0.3.1 0.3.2 0.30.0 0.31.0 0.32.0 0.32.1 0.33.0 0.33.1 0.34.0 0.35.0 0.35.1 0.36.0 0.37.0 0.38.0 0.39.0 0.39.1 0.4.0 0.4.1 0.4.2 0.40.0 0.40.1 0.41.0 0.42.0 0.42.1 0.42.2 0.43.0 0.43.0-beta.1 0.44.0 0.44.1 0.44.2 0.45.0 0.45.0-beta.1 0.46.0 0.46.0-beta.1 0.47.0 0.47.0-beta.1 0.48.0 0.49.0 0.49.0-beta.1 0.5.0 0.5.1 0.5.2 0.50.0 0.50.0-beta.1 0.51.0 0.51.0-beta.2 0.52.0 0.52.0-beta.1 0.52.0-beta.2 0.53.0 0.53.0-beta.1 0.53.1 0.54.0 0.54.0-beta.1 0.54.0-beta.2 0.6.0 0.7.0 0.8.0 0.8.1 0.8.2 0.9.0 1.0.0 1.1.0 1.1.0-beta.1 1.10.0 1.10.0-beta.1 1.10.1 1.11.0 1.11.0-beta.1 1.11.1 1.12.0 1.12.0-beta.1 1.13.0 1.13.1 1.13.2 1.13.3 1.2.0 1.2.0-beta.1 1.2.1 1.3.0 1.3.0-beta.1 1.3.1 1.3.2 1.4.0 1.4.0-beta.1 1.4.0-beta.2 1.4.1 1.7.0 1.8.0 1.8.1 1.9.0 1.9.1 2.0.0 2.0.1 2.1.0 2.1.0-beta.1 2.1.1 2.10.0 2.10.0-beta.1 2.11.0 2.11.0-beta.1 2.11.0-beta.2 2.11.1 2.11.1-beta.1 2.12.0 2.12.0-beta.1 2.12.1 2.13.0 2.13.0-beta.1 2.13.0-dev 2.14.0 2.14.0-beta.1 2.14.1 2.15.0 2.15.0-beta.1 2.2.0 2.2.0-beta.1 2.3.0 2.3.0-beta.1 2.3.1 2.4.0 2.4.0-beta.1 2.4.1 2.5.0 2.5.0-beta.1 2.5.1 2.6.0 2.6.0-beta.1 2.6.0-beta.2 2.6.1 2.7.0 2.7.0-alpha.1 2.7.0-alpha.2 2.7.0-beta.1 2.7.1 2.8.0 2.8.0-alpha.1 2.8.0-alpha.2 2.8.0-alpha.3 2.8.0-alpha.4 2.8.0-beta.1 2.8.1 2.8.2 2.9.0 2.9.0-alpha.1 2.9.0-beta.1 2.9.0-beta.2 2.9.1 2.9.2 3.0.0 3.0.0-beta.1 3.0.0-beta.2 3.0.0-beta.3 3.0.0-beta.4 3.0.0-beta.5 3.0.0-rc.1 3.0.0-rc.2 3.0.1 3.1.0 3.1.0-beta.1 3.1.1 3.1.2 3.2.0 3.2.0-beta.1 3.3.0 3.3.0-beta.1 3.4.0 3.4.0-beta.1 3.5.0 3.5.0-beta.1 3.5.1 3.5.2 3.6.0 3.6.0-beta.1 *** 3.7.0 3.7.0-beta.1