Javascript 地图框显示不正确

Javascript 地图框显示不正确,javascript,maps,leaflet,mapbox,Javascript,Maps,Leaflet,Mapbox,我一直在使用codepen网站上的一些示例制作地图,以帮助我入门,我已经在codepen上完成了完美的工作,请参见: 当我尝试从codepen导出它以便将其放入我的网站时,它出现了非常奇怪的情况 我对Mapbox非常陌生,我的客户对它非常兴奋,现在由于某些原因它不能在我的实际网页上工作,非常感谢您的帮助 HTML页面中很可能缺少库(Mapbox)CSS 因为“传单”(Mapbox构建在其上)从视图的中心开始加载平铺,所以它们的顺序不是从左上角到右下角。使用CSS,库可以强制瓦片的绝对位置 但是

我一直在使用codepen网站上的一些示例制作地图,以帮助我入门,我已经在codepen上完成了完美的工作,请参见:

当我尝试从codepen导出它以便将其放入我的网站时,它出现了非常奇怪的情况


我对Mapbox非常陌生,我的客户对它非常兴奋,现在由于某些原因它不能在我的实际网页上工作,非常感谢您的帮助

HTML页面中很可能缺少库(Mapbox)CSS

因为“传单”(Mapbox构建在其上)从视图的中心开始加载平铺,所以它们的顺序不是从左上角到右下角。使用CSS,库可以强制瓦片的绝对位置

但是,如果缺少CSS文件,则平铺将按照加载顺序显示


请参阅其中还提供了用于包含正确CSS和JavaScript文件的URL。

当相应的库CSS未添加到页面时,也会发生类似的行为。
L.mapbox.accessToken = 'pk.eyJ1IjoibHVjeW1hY2dyZWdvciIsImEiOiJjaWloeTdkMDUwMGczdmptNTY2ZjA2MHZiIn0.qXQoVxn6rd7mivY1E8p4qQ';
var map = L.mapbox.map('map', 'mapbox.dark')
  .setView([-41.015506, 173.596058], 6);