Mapbox API를 사용하는 간단한지도가 작동하지 않습니까?

Mapbox API를 사용하여 간단한지도를 만들고 배우고 있습니다. 일부 좌표에서 중심을 표시하는 아주 간단한 코드를 작성했지만지도는 표시되지 않습니다.Mapbox API를 사용하는 간단한지도가 작동하지 않습니까?

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>A simple map</title> 
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> 
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.js'></script> 
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.css' rel='stylesheet' /> 
<style> 
    body { margin:0; padding:0; } 
    #map { position:absolute; top:0; bottom:0; width:100%; } 
</style> 
</head> 
<body> 

<div id='map'></div> 
<script> 
L.mapbox.accessToken = 'pk.eyJ1Ijoicm9oYW4wNzkzIiwiYSI6IjhFeGVzVzgifQ.MQBzoHJmjH19bXDW0b8nKQ'; 
var map = L.mapbox.map('map', { 
    center: [28.611690, 77.191008], 
    zoom: 13 
}); 
</script> 

</body> 
</html>

여기서 내가 뭘 잘못하고 있니?

출처

2015-01-28 Rohan

L.mapbox.map에 잘못된 매개 변수를 사용하고 있습니다. 첫 번째 요소는 HTML 요소의 ID 또는 HTML 요소에 대한 참조입니다. 그러나 두 번째는 options 객체가 아닙니다. 두 번째는 Mapbox 편집기 (또는지도 상자 편집기를 통해 자신 만의지도를 만들 때 얻을 수있는지도 상자지도 ID (또는 url 또는 tilejson)입니다. https://www.mapbox.com/editor/#app 세 번째 매개 변수는 options 개체 용입니다.

L.mapbox.accessToken = 'pk.eyJ1IjoicGF1bC12ZXJob2V2ZW4iLCJhIjoiZ1BtMWhPSSJ9.wQGnLyl1DiuIQuS0U_PtiQ'; 
var map = L.mapbox.map('map', 'examples.map-i86nkdio', { 
    center: [28.611690, 77.191008], 
    zoom: 13 
});

출처

2015-01-28 10:34:34 iH8

Mapbox API를 사용하는 간단한지도가 작동하지 않습니까?

답변

관련 문제