Использование mapbox js, как изменить стиль карты?

Question

Я включил мой js и css для mapbox в header:

<script src='//api.mapbox.com/mapbox.js/v2.2.4/mapbox.js'></script> 
<link href='//api.mapbox.com/mapbox.js/v2.2.4/mapbox.css' rel='stylesheet' /> 

Добавлено отображение HTML:

<div id='map'></div> 
<style> 
    body { margin:0; padding:0; } 
    #map { width:100%; height:471px; } 
</style> 

, а затем в js сделал карту:

L.mapbox.accessToken = 'pk.eyJ1Ijoic21pY2tpZSIsImEiOiJjaWtiM2JkdW0wMDJudnRseTY0NWdrbjFnIn0.WxGYL18BJjWUiNIu-r3MSA'; 
var map = L.mapbox.map('map', 'mapbox.streets').setView([40, -74.50], 3); 

I не знаю, как изменить стиль его на один, который у меня есть в mapbox студия.

Я два URLs типа в MapBox студии:

mapbox://styles/smickie/cikb3fhvi0063cekqns0pk1f1 

https://api.mapbox.com/styles/v1/smickie/cikb3fhvi0063cekqns0pk1f1.html?title=true&access_token=pk.eyJ1Ijoic21pY2tpZSIsImEiOiJjaWtiM2JkdW0wMDJudnRseTY0NWdrbjFnIn0.WxGYL18BJjWUiNIu-r3MSA#1.4858291953347187/42.16057367191365/1.6334765316350683/0 

Как применить эти стили к карте в моей странице?

Это апи, но я не могу найти, как изменить стили в любом месте: https://www.mapbox.com/mapbox.js/api/v2.2.4/

Answer 1

EDIT: Обновлен этот ответ из-за введения V2.3.0 в API Mapbox.js. Это добавить L.mapbox.styleLayer, который может обрабатывать стили создана при MapBox студии:

L.mapbox.styleLayer('mapbox://styles/mapbox/emerald-v8').addTo(map); 

Пример: https://www.mapbox.com/mapbox.js/example/v1.0.0/stylelayer/

Ответ Перед MapBox 2.3.0:

Вы используете неправильный API, эти стили для использовать с апи MapBox-GL:

https://www.mapbox.com/mapbox-gl-js/examples/

Если вы хотите использовать классический MapBox API, как вы делаете сейчас вы должны использовать MapBox студия Classic, чтобы создать свой собственный стилизованный набор фишек:

https://www.mapbox.com/studio/classic/