2015-01-29 3 views
1

Я пытаюсь добавить плитку Mapbox в свой проект, используя leaflet.js. Я написал код:Maplet плитка не добавляется на карту leaflet.js?

L.tileLayer('https://{s}.tiles.mapbox.com/v4/johirbuet.l2ohahk4/{z}/{x}/{y}.png', { 
attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>', 
maxZoom: 18 
}).addTo(map); 

Но я получаю сообщение об ошибке и карта не отображается на странице. В чем проблема с этим кодом? Я следил за документацией. В мае код МАПИД: johirbuet.l2ohahk4

+0

ли вы добавить карту переменная = L.map ('карта') setView ([51,505, -0,09], 13);. до этого? и убедитесь, что у вас есть карта div? –

+0

Acutally похоже, что ваш карточный ящик его ограничивает. Его возвращение 401 несанкционировано. Убедитесь, что у вас настроен параметр mapbox, позволяющий вам получить к нему доступ. –

+0

Да, у меня есть var map = L.map ('map'). SetView ([51.505, -0.09], 13); а также div с id 'map' –

ответ

4

Вам необходимо добавить маркер запроса в противном случае вы получите 404:

{ «сообщение»: «Не авторизован - Нет Знак»}

Правильный код:

L.tileLayer('https://{s}.tiles.mapbox.com/v4/{mapId}/{z}/{x}/{y}.png?access_token={token}', { 
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>', 
    subdomains: ['a','b','c','d'], 
    mapId: 'myMapId', 
    token: 'myUserToken' 
}); 
Смежные вопросы