Leaflet js map仅显示几个图块

Question

我正在尝试使用Leaflet JavaScript库创建一个自定义的固定地图,并继续遇到一个主要问题,即坐标的大部分地图图块都不会渲染.我正在定义和显示地图

function initmap() {
    map = new L.Map('map');
    var osmUrl = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}.png';
    var osm = new L.TileLayer(osmUrl);
    map.addLayer(osm);
}
var lat = 40.120910;
var lng = -74.978602;
var startLatLng = new L.LatLng(lat, lng);
initmap();
map.setView(startLatLng, 16); 

它似乎应该工作,但地图div从不显示完整的地图/所有瓷砖.我知道有这个特定区域的报道,因为我一直在使用另一个人的服务,使用这个库和地图来查看这个位置.此代码基于其代码构建.

这个网站使用精确的坐标,地图服务器和传单js脚本,并能够渲染所有瓷砖.

这是一个JSFiddle来显示代码(和问题).知道为什么会发生这种情况或如何解决它？

Answer 1

缺少传单CSS: https://npmcdn.com/leaflet@1.0.0-rc.1/dist/leaflet.css

更新了JSFiddle:https://jsfiddle.net/t14rLknv/7/

(顺便说一句,你可以升级到Leaflet 1.0.0-rc.3,新的官方CDN unpkg.com,请参阅http://leafletjs.com/download.html)