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
JavaScript Shell
Latest commit 322855f Jul 22, 2016 @lucaswoj lucaswoj committed on GitHub Add a reference table of standard icons (#318)
* Add icon table to README

* Design tweaks

* Design tweaks

* Design tweaks

* Design tweaks

* Design tweaks

* design tweaks

* Add a script to generate icon reference table

* Make table source uglier

README.md

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