Mapbox 无法正常显示答案

【问题标题】：Mapbox not displaying properlyMapbox 无法正常显示
【发布时间】：2016-01-11 06:03:07
【问题描述】：

我一直在使用 codepen 网站上的一些示例来帮助我开始制作地图，我已经在 Codepen 上完美运行了，请参阅：

L.mapbox.accessToken = 'pk.eyJ1IjoibHVjeW1hY2dyZWdvciIsImEiOiJjaWloeTdkMDUwMGczdmptNTY2ZjA2MHZiIn0.qXQoVxn6rd7mivY1E8p4qQ';
var map = L.mapbox.map('map', 'mapbox.dark')
  .setView([-41.015506, 173.596058], 6);

当我尝试从 codepen 导出它以便将其放入我的网站时，它出现得非常奇怪http://imgur.com/RcAIlyU

我真的是 Mapbox 的新手，我的客户对此非常兴奋，现在由于某种原因它无法在我的实际网页上运行，非常感谢您的帮助！

【问题讨论】：

当相应的库 CSS 未添加到页面时会发生类似的行为。

标签： javascript maps leaflet mapbox

【解决方案1】：

很有可能您的 HTML 页面中缺少库 (Mapbox) CSS。

因为 Leaflet（在其上构建 Mapbox）从视图中心开始加载图块，它们的顺序不是从左上角到右下角。使用 CSS，库可以强制瓷砖的绝对位置。

但如果该 CSS 文件丢失，图块只会按照加载顺序显示。

请参阅https://www.mapbox.com/help/getting-started-mapbox-js/#using-mapboxjs，它还为您提供了用于包含正确 CSS 和 JavaScript 文件的 URL。

【讨论】：