Mapbox无法正常显示

Question

我一直在使用codepen网站上的一些示例来处理地图，以帮助我开始使用，我让它在Codepen上完美运行，请参阅：

http://codepen.io/anon/pen/YwQypp

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的新手，我的客户对此感到非常兴奋，现在由于某些原因它不能在我的实际网页上工作，我们将非常感谢您的帮助！

Answer 1

您很有可能错过HTML页面中的库（Mapbox）CSS。

由于Leaflet（构建Mapbox）从视图中心开始加载切片，因此它们的顺序不是从左上角到右下角。使用CSS，库可以强制切片的绝对位置。

但如果缺少CSS文件，则瓷砖只会按照加载顺序显示。

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