问使用Mapbox的简单地图不起作用吗？
EN

Stack Overflow用户

提问于 2015-01-28 09:12:07

回答 1查看 1.4K关注 0票数 1

我正在使用Mapbox创建简单的地图和学习。我写了一个非常简单的代码，在一些坐标上显示中心，但是地图没有显示。

<!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>

我在这里做错什么了？

leaflet

mapbox

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-01-28 10:34:34

您对L.mapbox.map使用了错误的参数，第一个元素是正确的，即用于HTML元素的ID或对HTML元素的引用。但是，第二种方法并不适用于options对象。第二个是mapbox (或url或tilejson)，当您通过Mapbox编辑器创建自己的地图时，就会得到它：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
});

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28188370

复制

相似问题

问使用Mapbox的简单地图不起作用吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Mapbox的简单地图不起作用吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Mapbox的简单地图不起作用吗？
EN