Mapbox 타일이 leaflet.js 맵에 추가되지 않습니까?

leafbox.js를 사용하여 프로젝트에 Mapbox 타일을 추가하려고합니다. 다음과 같은 코드를 작성했습니다.Mapbox 타일이 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);

그러나 오류가 발생하고 페이지가 표시되지 않습니다. 이 코드의 문제점은 무엇입니까? 나는 그 문서를 따랐다. 5 월에 코드의 mapId : johirbuet.l2ohahk4

출처

2015-01-29 Anonymous

당신은 = L.map가 ('지도') var에 맵을 추가 했 setView ([51.505, -0.09, 13). 그것 앞에? 지도 div가 있는지 확인하십시오. –

지도 상자에서 제한적으로 보이는 것 같습니다. 그 권한이없는 401 반환. 액세스 할 수 있도록지도 상자 설정을 설정했는지 확인하십시오. –

예 var map = L.map ('map') 예 setView ([51.505, -0.09], 13); id 'map'이있는 div –

을 당신은 그렇지 않으면 당신은 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' 
});

출처

2015-01-29 15:44:55 iH8

Mapbox 타일이 leaflet.js 맵에 추가되지 않습니까?

답변

관련 문제