Search results
Maps that use Mapbox map designs, data or software usually must display the Mapbox logo and text attribution. This guide explains when, why, and how you are required to add these forms of attribution, and any exceptions.
Jul 31, 2019 · Mapbox-GL-JS is completely free, up to version 1.13 (as in free beer, and also as in free speech). However, the Mapbox styles (and their associated resources, such as glyphs and sprites) are not, so you will need to find an alternative source, such as Maptiler for those.
Display a map on a webpage. This example uses mapboxgl.Map to initialize a Mapbox map inside an HTML element on a webpage. You can use the map parameters style, center, and zoom to define the initial appearance of the map.
- Use Cases
- Key Concepts
- Use Mapbox GL JS with Other Tools
- Attribution
Use cases for Mapbox GL JS include: 1. Visualizing and animating geographic data 2. Querying and filtering features on a map 3. Placing your data between layers of a Mapbox style 4. Dynamically displaying and styling custom client-side data on a map 5. 3D data visualizations and animations 6. Adding markers and popups to maps programmatically For m...
Mapbox GL
The "GL" in Mapbox GL JS refers to Mapbox GL, a graphics library that renders 2D and 3D Mapbox maps as dynamic visual graphics with OpenGLin any compatible web browser, without using additional plugins.
Client-side rendering
Mapbox GL JS relies on client-side rendering. Mapbox GL JS maps are dynamically rendered by combining vector tiles with style rules in the browser rather than on a server, which makes it possible to change the maps's style and displayed data in response to user interaction.
The Map class
The mapboxgl.Mapclass is the basis of every Mapbox GL JS project. The example code in this section demonstrates the minimum you need to add a map to your page: 1. accessToken: This Mapbox access tokenassociates your Mapbox GL JS map with a Mapbox account. 2. container: The HTML element in which the map will be placed. In the example above, this element is the with an ID of "map". 3. style: The style URL of the map style being used to determine which tilesets the map includes and how the...
Mapbox GL JS works well with many other Mapbox tools. You can use your own data in a map, create your own custom map style, add interactivity, and more.
When you create a map with Mapbox GL JS, it automatically includes attribution on the bottom right corner of the map. For additional display options, see the API documentation for AttributionControl. For more details on what kinds of attribution Mapbox requires and why, see the Attributionguide.
With the Mapbox JavaScript library, you can generate web maps using just a few simple lines of HTML code. You can also host your own data on your Mapbox account and include it in your custom web maps and applications.
Mapbox GL JS powers the most compelling map experiences on the web with dynamic rendering capabilities, powerful map controls, and fast handling of custom data at scale. Get started for free.
People also ask
Does Mapbox GL JS include attribution?
What is Mapbox GL JS V3?
What can I do with Mapbox GL JS?
How do I use Mapbox?
Sources specify the geographic features to be rendered on the map. Source objects may be obtained from Map#getSource.
