Skip to content

Prebuilt Mapbox GL styles for use in Mapbox GL JS or the Mapbox Mobile SDKs and as a starting point for custom maps built with Mapbox Studio

License

Notifications You must be signed in to change notification settings

mapbox/mapbox-gl-styles

Travis

This repository contains prebuilt Mapbox GL styles for use in Mapbox GL JS or the Mapbox Mobile SDKs and as a starting point for custom maps built with Mapbox Studio.

If you're looking for Mapbox Streets, Mapbox Satellite Streets, Mapbox Dark, Mapbox Light, or Mapbox Outdoors, see https://www.mapbox.com/maps/

Versioning

A breaking release (x.0.0) is one that

  • changes the style's version field
  • removes or renames an icon
  • removes or changes a glyphs URL
  • removes or changes a source
  • removes or renames a style layer
  • changes the semantic meaning of a layer

A feature release (0.x.0) has no breaking-release changes and

  • makes any non-breaking change to styles
  • makes any non-breaking change to sprites
  • adds a new style
  • adds a new icon

A fix release (0.0.x) is one that has no feature-release changes and

  • fixes an invalid stylesheet or bad test

Styles

The following styles are provided:

Basic (basic-v8)

Simple and flexible starting template.

Bright (bright-v8)

Template for complex custom basemaps.

Satellite (satellite-v8)

A beautiful global satellite and aerial imagery layer.

Empty (empty-v8)

A blank slate. Build your own map from the ground up.

Standard icons

All styles (except Empty) include a standard set of Maki icons:

Airport
Image airfield-11 Image airfield-15
Image airport-11 Image airport-15
Image heliport-11 Image heliport-15
Image rocket-11 Image rocket-15
Mountain peak
Image mountain-11 Image mountain-15
Image volcano-11 Image volcano-15
Dining
Image bakery-11 Image bakery-15
Image bar-11 Image bar-15
Image beer-11 Image beer-15
Image cafe-11 Image cafe-15
Image fast-food-11 Image fast-food-15
Image ice-cream-11 Image ice-cream-15
Image restaurant-11 Image restaurant-15
Education
Image college-11 Image college-15
Image school-11 Image school-15
General
Image alcohol-shop-11 Image alcohol-shop-15
Image amusement-park-11 Image amusement-park-15
Image aquarium-11 Image aquarium-15
Image art-gallery-11 Image art-gallery-15
Image attraction-11 Image attraction-15
Image bank-11 Image bank-15
Image bicycle-11 Image bicycle-15
Image bicycle-share-11 Image bicycle-share-15
Image car-11 Image car-15
Image castle-11 Image castle-15
Image cinema-11 Image cinema-15
Image circle-11 Image circle-15
Image circle-stroked-11 Image circle-stroked-15
Image clothing-store-11 Image clothing-store-15
Image drinking-water-11 Image drinking-water-15
Image embassy-11 Image embassy-15
Image fire-station-11 Image fire-station-15
Image fuel-11 Image fuel-15
Image grocery-11 Image grocery-15
Image harbor-11 Image harbor-15
Image information-11 Image information-15
Image laundry-11 Image laundry-15
Image library-11 Image library-15
Image lodging-11 Image lodging-15
Image marker-11 Image marker-15
Image monument-11 Image monument-15
Image museum-11 Image museum-15
Image music-11 Image music-15
Image place-of-worship-11 Image place-of-worship-15
Image police-11 Image police-15
Image post-11 Image post-15
Image prison-11 Image prison-15
Image religious-christian-11 Image religious-christian-15
Image religious-jewish-11 Image religious-jewish-15
Image religious-muslim-11 Image religious-muslim-15
Image shop-11 Image shop-15
Image stadium-11 Image stadium-15
Image star-11 Image star-15
Image suitcase-11 Image suitcase-15
Image swimming-11 Image swimming-15
Image theatre-11 Image theatre-15
Image toilet-11 Image toilet-15
Image town-hall-11 Image town-hall-15
Image triangle-11 Image triangle-15
Image triangle-stroked-11 Image triangle-stroked-15
Image veterinary-11 Image veterinary-15
Health
Image dentist-11 Image dentist-15
Image doctor-11 Image doctor-15
Image hospital-11 Image hospital-15
Image pharmacy-11 Image pharmacy-15
Outdoors
Image campsite-11 Image campsite-15
Image cemetery-11 Image cemetery-15
Image dog-park-11 Image dog-park-15
Image garden-11 Image garden-15
Image golf-11 Image golf-15
Image park-11 Image park-15
Image picnic-site-11 Image picnic-site-15
Image playground-11 Image playground-15
Image zoo-11 Image zoo-15
Transit
Image bus-11 Image bus-15
Image ferry-11 Image ferry-15
Rail station
Image entrance-11 Image entrance-15
Image rail-11 Image rail-15
Image rail-light-11 Image rail-light-15
Image rail-metro-11 Image rail-metro-15

Usage

The preferred way to use these styles in Mapbox GL JS or the Mapbox Mobile SDKs is via a mapbox:// URL.

JS

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v8'
});

iOS

mapView = [[MGLMapView alloc] initWithFrame:self.view.bounds
                                   styleURL:[NSURL URLWithString:@"mapbox://styles/mapbox/satellite-v8"]];

Android

<com.mapbox.mapboxsdk.views.MapView
    android:id="@+id/mapView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:style_url="mapbox://styles/mapbox/streets-v8"
 />
MapView mMapView = new MapView(context, "Access Token");
mMapView.setStyleUrl(Style.MAPBOX_STREETS);

About

Prebuilt Mapbox GL styles for use in Mapbox GL JS or the Mapbox Mobile SDKs and as a starting point for custom maps built with Mapbox Studio

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Packages

No packages published

Contributors 30