リーフレットjsマップにはいくつかのタイルしか表示されていません

Question

リーフレットJavaScriptライブラリを使用してカスタム静止地図を作成しようとしていて、座標のマップタイルの大部分がレンダリングされないという大きな問題が続いています。私はそれが動作するはずのように思えますが、地図のdivは、すべてのタイル/フルマップを示したことがないので、

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); 

のようなマップを示す&を定義しています。私は、この特定のエリアのカバレッジがあることを知っています。なぜなら、私はこのライブラリを使用し、このロケーションを見るためにマップする別の人のサービスを使用していたからです。このコードは、コードに基づいて構造化されています。

This websiteは、正確な座標、マップサーバー、リーフレットjsスクリプトを使用しており、すべてのタイルをきれいにレンダリングできます。

実際にコード（および問題）が表示されるのはJSFiddleです。なぜこれが起きているのか、それをどう修正するのか？

Answer 1

欠落リーフレットのCSS：https://npmcdn.com/leaflet@1.0.0-rc.1/dist/leaflet.css

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

（ところで、あなたがhttp://leafletjs.com/download.htmlを参照してください、unpkg.comに1.0.0-rc.3、新しい公式CDNをリーフレットにアップグレードすることができます）